HTML5 (เอชทีเอ็มแอล 5) เป็นมาตรฐานตัวต่อไปของ HTML ที่อยู่ในระหว่างการพัฒนา โดยมีลักษณะเหมือนมาตรฐานตัวก่อนหน้าทั้ง HTML 4.01 และ XHTML 1.1 ที่ใช้ในการจัดโครงสร้างและการแสดงผลของเนื้อหาสำหรับเวิลด์ไวด์เว็บ มาตรฐานใหม่จะมีคุณลักษณะเด่นที่สำคัญได้แก่
– การใช้งานวิดีโอ
– การแสดงตำแหน่งทางภูมิศาสตร์
– การเก็บไฟล์ในลักษณะออฟไลน์
– การแสดงกราฟิกส์
– input types แบบใหม่ เช่น search, number, range, color, tel, url, email, date, month, week, time, datetime, datetime-local
นอกจากนั้นยังมีการเพิ่มขึ้นของ CSS3 มีความสามารถเพิ่มขึ้นจาก CSS2 ในปัจจุบันมาก เพิ่มฟีเจอร์ของแวดวงสิ่งพิมพ์ที่เกี่ยวข้องกับการจัดหน้า การควบคุมการไหลของข้อความ และฟอนต์เข้ามาอีกมาก แต่ก็ยังมีเรื่องอื่นๆ เช่น 3D, เสียงพูด, แอนิเมชัน ฯลฯ
ดังนั้ HTML5 จึงเป็นสิ่งที่นักออกแบบและพัฒนาเว็บจำเป็นจะต้องรู้และศึกษาเอาไว้ ทีนี้เราลองมาดู 55 ตัวอย่างเว็บที่ออกแบบและพัฒนาด้วย HTML5 กันนะครับ
- 30 ตัวอย่างหน้าเว็บ Landing Page
- 60+ ตัวอย่าง Website ที่ใช้ CSS3
- 50+ ตัวอย่างแบบหน้าเว็บ Coming Soon Page
- 35 ตัวอย่างสวย ๆ ของการออกแบบเว็บในรูปแบบย้อยยุค (Retro Website Design)
- 30 ตัวอย่าง Landing Page ที่มีการออกแบบอย่างสวยงาม
- 20 ตัวอย่างของ Web Footer (ส่วนล่างสุดของเว็บ) สวย ๆ สำหรับนักออกแบบ
- 65 ตัวอย่างการออกแบบเว็บ Portfolio
- บทความที่เกี่ยวข้องทั้งหมด
ตัวอย่างการออกแบบเว็บไซต์
Officeline Lei
Website: Source
Zipper Galeria
Website: Source
Rvlt
Website: Source
Gabs.it
Website: Source
The Style Junkies
Website: Source
Secret Study
Website: Source
Stickygram
Website: Source
Magic Leap
Website: Source
Silk Tricky
Website: Source
Built by Buffalo
Website: Source
Survey of the States
Website: Source
National Academy
Website: Source
Trafika
Website: Source
Italio Kitchen
Website: Source
Diesel 3D Evolution
Website: Source
Necon
Website: Source
FK Agency
Website: Source
2013 by Nanozoom
Website: Source
Wipplay
Website: Source
REI 1440 Project
Website: Source
Vasona Networks
Website: Source
Figmenta
Website: Source
Fima
Website: Source
The Kitchen Project
Website: Source
Noble Bank
Website: Source
Dim Studio
Website: Source
Ubc Coren
Website: Source
Welikesmall
Website: Source
The MAC
Website: Source
Universeries
Website: Source
Rubymotion Conference
Website: Source
Panasonic Lamdash
Website: Source
Fhoke
Website: Source
Healthshare Award
Website: Source
Who is Wildlifela
Website: Source
Honda CR-V
Website: Source
Dumb Ways to Die
Website: Source
UKHOM Creative Studio
Website: Source
Mustasj
Website: Source
When Mylene Met Andy
Website: Source
Wetwilly
Website: Source
Badrfood
Website: Source
Coop Himmelblau
Website: Source
Groupe De Blanzy
Website: Source
Ultranoir
Website: Source
Footlocker converse Street Ready
Website: Source
Life and Thyme
Website: Source
NBA Takeaway
Website: Source
Video Guard
Website: Source
Tohoku Kitchen
Website: Source
Honda Battle of the Bands
Website: Source
We are Grand
Website: Source
Protect the Football
Website: Source
Conspiracy
Website: Source
Bastian Preussger
Website: Source