The site is packed with little tric

The site is packed with little tricks and treats, which give it some extra personality – for example, the mobile hamburger menu and close icon for search turn into lightsabers, and different highlight colours help differentiate each section.


The creators even got a little fancy with the loader. Created using CSS only, one circle rotates clockwise while the other moves anti-clockwise, and with one element – an interesting approach.

This site houses a ton of information and the grid system is flexible enough to allow for variety in layout while maintaining enough structure for the continued addition of content.

The creators have also crafted a responsive design that leaves viewers happy, no matter what device they’re on. Building a content-heavy site that can be maintained across a variety of devices is tough, but this is a great example of it being done right.

Words: Brian Hoff

Brian is the founder and creative director of Brian Hoff Design, a Philadelphia-based boutique digital agency creating web and mobile platforms and products. Follow him on Twitter at @behoff.

Like this? Read these!

The best free script fonts
Free graffiti font selection
50 great parallax scrolling websites
Why your website needs a landing page
Have you seen any amazing new sites or portfolios? Let us know in the comments!

ผลลัพธ์ (ไทย) 1:

ไซต์จะเต็มไป ด้วยเทคนิคและขนม ซึ่งทำให้มันบางบุคลิกพิเศษ – ตัว น้อยเมนูแฮมเบอร์เกอร์มือถือ และเปิดปิดไอคอนสำหรับการค้นหาลงในสต๊อก และสีไฮไลท์ต่าง ๆ ช่วยแยกแยะแต่ละส่วนผู้สร้างยังได้น้อยแฟนซีกับโหลด สร้างขึ้นโดยใช้ CSS เท่านั้น วงกลมหนึ่งหมุนตามเข็มนาฬิกาใน ขณะอื่น ๆ ย้ายทวนเข็มนาฬิกา และองค์ ประกอบหนึ่ง – วิธีการน่าสนใจเว็บไซต์นี้บ้านตันของข้อมูล และระบบกริดมีความยืดหยุ่นเพียงพอเพื่อให้หลากหลายในขณะที่ยังคงโครงสร้างเพียงพอสำหรับการเพิ่มอย่างต่อเนื่องของเนื้อหาผู้สร้างยังได้สลักแบบตอบสนองที่ปล่อยให้ผู้ชมมีความสุข ไม่ว่าอุปกรณ์ใดที่พวกเขากำลังในการ สร้างเว็บไซต์เนื้อหาหนักที่สามารถเก็บรักษาในอุปกรณ์ต่าง ๆ ได้ยาก แต่นี้เป็นตัวอย่างที่ดีของมันเป็นสิ่งที่ถูกคำ: ไบรอัน Hoffไบรอันเป็นผู้ก่อตั้งและกรรมการแบบไบรอัน Hoff หน่วยดิจิตอลจากฟิลาเดลเฟียบูติกสร้างเว็บ และแพลตฟอร์มโมบาย และผลิตภัณฑ์สร้างสรรค์ ตามเขาใน Twitter ได้ที่ @behoffแบบนี้ อ่านเหล่านี้แบบอักษรฟรีสคริปต์ที่ดีที่สุดเลือกแบบอักษรกราฟฟิตีฟรีเว็บไซต์เลื่อนพารัลแลกซ์ดี 50ทำไมเว็บไซต์ของคุณต้องจอดหน้าคุณได้เห็นสถานใหม่หรือพอร์ตการลงทุนใด ๆ หรือไม่ แจ้งให้เราทราบในข้อคิดเห็น

ผลลัพธ์ (ไทย) 2:

เว็บไซต์จะเต็มไปด้วยเทคนิคเล็ก ๆ น้อย ๆ และถือว่าซึ่งให้มันบางบุคลิกพิเศษ -. ตัวอย่างเช่นเมนูแฮมเบอร์เกอร์มือถือและไอคอนสำหรับการค้นหาใกล้กลายเป็น lightsabers และสีไฮไลท์ที่แตกต่างกันช่วยให้แยกความแตกต่างแต่ละส่วนผู้สร้างยังได้แฟนซีเล็กด้วย โหลด สร้างขึ้นโดยใช้ CSS เพียงหนึ่งวงกลมหมุนตามเข็มนาฬิกาในขณะที่การเคลื่อนไหวอื่น ๆ ทวนเข็มนาฬิกาและด้วยองค์ประกอบหนึ่ง -. วิธีการที่น่าสนใจเว็บไซต์นี้บ้านตันของข้อมูลและระบบกริดมีความยืดหยุ่นพอที่จะอนุญาตให้มีความหลากหลายในรูปแบบในขณะที่รักษาโครงสร้างพอ สำหรับการเพิ่มอย่างต่อเนื่องของเนื้อหา. ผู้สร้างยังได้สร้างขึ้นมาออกแบบที่ตอบสนองที่ใบผู้ชมมีความสุขไม่ว่าสิ่งที่อุปกรณ์พวกเขากำลัง การสร้างเว็บไซต์ที่มีเนื้อหาหนักที่สามารถรักษาความหลากหลายของอุปกรณ์เป็นเรื่องที่ยาก แต่นี้เป็นตัวอย่างที่ดีของมันถูกทำถูกต้อง. คำ: ไบรอันฮอฟฟ์ไบรอันเป็นผู้ก่อตั้งและผู้อำนวยการสร้างของไบรอันฮอฟฟ์ออกแบบ, ฟิลาเดลตาม บูติกที่สร้างเว็บหน่วยงานดิจิตอลและแพลตฟอร์มโทรศัพท์มือถือและผลิตภัณฑ์ ปฏิบัติตามเขาใน Twitter ได้ที่ @behoff. เช่นนี้? อ่านเหล่านี้! ที่ดีที่สุดแบบอักษรสคริปต์ฟรีตัวอักษรกราฟฟิตีฟรีเลือก50 เว็บไซต์ parallax เลื่อนดีทำไมเว็บไซต์ของคุณต้องการเชื่อมโยงไปถึงหน้าคุณจะได้เห็นสถานที่ใหม่ ๆ ที่น่าตื่นตาตื่นใจหรือพอร์ตการลงทุน? แจ้งให้เราทราบในความคิดเห็น!

ผลลัพธ์ (ไทย) 3:

เว็บไซต์ที่เต็มไปด้วยเล่ห์เหลี่ยม และปฎิบัติ ซึ่งทำให้มันเสริมบุคลิกภาพ ( ตัวอย่างเช่น มือถือแฮมเบอร์เกอร์เมนูและไอคอนปิดการค้นหากลายเป็นกระบี่แสง และสีไฮไลท์ที่แตกต่างกันช่วยให้แยกความแตกต่างของแต่ละส่วน


ผู้สร้างมีแฟนน้อยโหลด สร้างขึ้นโดยใช้ CSS เพียงหนึ่งวงกลมหมุนตามเข็มนาฬิกา ในขณะที่ย้ายอื่น ๆต่อต้าน ตามเข็มนาฬิกาและด้วยองค์ประกอบหนึ่ง–แนวทางที่น่าสนใจ

เว็บไซต์นี้บ้านตันของข้อมูลและระบบกริดมีความยืดหยุ่นเพียงพอที่จะอนุญาตให้มีความหลากหลายในรูปแบบในขณะที่การรักษาโครงสร้างเพียงพอสำหรับอย่างต่อเนื่องเพิ่มเนื้อหา

ผู้สร้างได้สร้างขึ้นมาเป็นตอบสนองการออกแบบใบผู้ชมมีความสุข ไม่ว่าสิ่งอุปกรณ์ที่พวกเขากำลัง .การสร้างเว็บไซต์ที่มีเนื้อหาหนักสามารถรักษาผ่านความหลากหลายของอุปกรณ์เป็นเรื่องที่ยาก แต่นี้เป็นตัวอย่างที่ดีของการทำขวา

คำพูด : ไบรอันฮอฟ

ไบรอันเป็นผู้ก่อตั้งและ Creative Director ของไบรอัน ฮอฟออกแบบฟิลาเดลบูติคหน่วยงานการสร้างผลิตภัณฑ์ดิจิตอลจากเว็บและแพลตฟอร์มโทรศัพท์มือถือและ ตามเขาใน Twitter ที่ @ behoff

แบบนี้ ? อ่านเหล่านี้

ที่ดีที่สุดฟรีสคริปต์แบบอักษรฟรี Graffiti แบบอักษรที่เลือก

50 ดี เลื่อน parallax เว็บไซต์
ทำไมเว็บไซต์ของคุณต้องการเชื่อมโยงไปถึงหน้า
คุณเคยเห็นเว็บไซต์ที่น่าตื่นตาตื่นใจใหม่หรือพอร์ตการลงทุน ? แจ้งให้เราทราบในความคิดเห็น !