รับทำเว็บไซต์ครบวงจร
เลือกภาษา Thai English     facebook


ติดต่อทำเว็บไซต์ โทร : O89-l79-O7l4 (ทุกวัน 24 ชั่วโมง)

รายการหลัก



บทความ


Page Ranking Tool

รวม Tools สำหรับทำ Responsive Navigation Menu


สอน CSS
> รวม Tools สำหรับทำ Responsive Navigation Menu


การสร้างเว็บไซต์ให้รองรับการใช้งานจากอุปกรณ์หลากหลายรูปแบบมีความสำคัญมากในปัจจุบันนีั เพราะผู้ใช้งานไม่ได้ใช้งานคอมพิวเตอร์ตั้งโต๊ะในการใช้เว็บเพียงอย่างเดียวแล้ว แต่ผู้ใช้งานยังมีอุปกรณ์อื่นๆอีก เช่น Smart Phone และ Tablet เป็นต้น และอุปกรณ์พวกนี้มีปริมาณเพิ่มขึ้นอย่างมาก เมื่อเทียบกับคอมพิวเตอร์ตั้งโต๊ะ เพราะไม่ว่าใครๆก็สามารถมี Smart Phone ได้ ดังนั้นผู้พัฒนาเว็บไซต์ที่ดีจะต้องให้ความสำคัญเรื่อง Responsive (เว็บหน้าตาพอเหมาะเมื่อใช้บนอุปกรณ์ที่แตกต่างกันไป)

นอกจากการออกแบบหน้าตาเว็บให้พอเหมาะกับอุปกรณ์ที่ใช้แล้ว เรื่องเมนูก็สำคัญมาก เพราะบางที่หน้าเว็บที่เราออกแบบ Responsive  ก็จริง แต่พอไปใช้บน Smart Phone เมนูต่างๆกับไม่ Responsive ตามหน้าตา ดังนั้นเราก็ต้องให้ความสำคัญตรงส่วนนี้ด้วย ซึ่งหากเรายังเป็นมือใหม่ ไม่เชี่ยวชาญ CSS อาจจะไม่สามารถทำ Menu มาใช้เองได้ ก็สามารถศึกษาจาก Opensource และดาวน์โหลดมาใช้งานได้ ซึ่งโพสนี้ผมได้นำมาเสนอถึง 8 แนวทางในการทำ Responsive Navigation Menu  ดังนี้

1.Responsive Nav JS library like jQuery for it to work. Demo

Responsive Navigation Menu

2. Bootstrap Navs and Navbar | Examples

Bootstrap Navs and Navbar

3. menu-aim |  Demo  ตัวนี้คล้ายกับเมนูของ amazon.com

Amazon.com Menu

4. Sidr | Demo

Sidr is a jQuery plugin

5. FlexNav | Demo ตัวนี้ซัพพอร์ตตั้งแต่ IE7

FlexNav Responsive Navigation Menu

6. TinyNav.js | Demo

TinyNav.js

7. Pushy | Demo support old browsers like IE7 to IE9.

Pushy Menus

8. SlickNav | Demo

SlickNav

ชอบแบบไหนเลือกใช้กันดูให้เหมาะสมกับเว็บไซต์ของเราครับ

 


refer: http://www.techfz.com/archives/5683.html


Short URL click!
<< กลับคืน : เข้าชม 7,415 ครั้ง : ขึ้นไปด้านบน

รับทำเว็บไซต์ รับสร้างเว็บไซต์ รับออกแบบเว็บ รับเขียนเว็บ รับสอนทำเว็บ รับเช่า hosting รับเช่าพื้นที่เว็บไซต์ จดชื่อเว็บ รับโปรโมทเว็บไซต์ รับดูแลเว็บ SiteMap
สปริงเกอร์http://www.xn--22c2c4blb9n.xn--o3cw4h/