HTML5

ทั้งหมด Design UI Design UX Design Coding Downloads Tutorials Education Marketing

แจก 5 CSS Cheatsheets คู่มือติดบ้านสำหรับสายทำเว็บ

รวม CSS Cheatsheets สำหรับคนทำเว็บแบบละเอียด มีทั้ง Grid ทุกรูปแบบ, Input และอื่น ๆอีกเพียบ

วิธีออกแบบ Inclusive disabled button ออกแบบให้เข้าถึงได้

มาทำความรู้จักกับ ARIA และการออกแบบปุ่ม disabled button ให้เข้าถึงได้ ออกแบบให้เกิดความ inclusive ใช้งานได้กับคนทุกแบบเลยครับ

HTML คือ? สอนเขียน HTML สำหรับมือใหม่แบบละเอียด

PND777 • 14 Oct 21 • 9 mins

มาอ่านบทความสอน HTML กันตั้งแต่พื้นฐานสำหรับมือใหม่กันครับ ละเอียดมากๆ พร้อมแนะนำคอร์สเรียนสำหรับฝึกฝนฝีมือเพียบ

อนาคต Responsive web design ออกแบบเว็บไซต์ในโลกของ Component

Natk • 8 Jun 21 • 5 mins

เรียนรู้อนาคตของ Responsive web design แบบพื้นฐาน ทำความเข้าใจคอนเซปต์การเขียน Responsive เปรียบเทียบยุคสมัยก่อนมาจนถึงยุคปัจจุบัน

SVG คืออะไร? พื้นฐานที่คนทำเว็บต้องรู้

PND777 • 15 May 21 • 7 mins

SVG คืออะไร บทความนี้จะอธิบายวิธีการใช้งานไฟล์ภาพ SVG แบบละเอียด เจาะลึกแกะโค้ด แนะนำวิธีการแก้ไขโค้ดด้วยตนเองด้วยวิธีแบบต่าง ๆ เหมาะสำหรับดีไซน์เนอร์

CSS: 20 Tips & Tricks ที่ คุณอาจไม่เคยรู้มาก่อน

PND777 • 18 Apr 21 • 5 mins

อัพเดท 20 CSS เจ๋ง ๆ ที่คุณอาจจะไม่รู้จัก เราจะแนะนำ CSS ตัวใหม่ ๆ ที่จะช่วยยกระดับการทำเว็บของเราให้สวยขึ้น ลดการเขียนโค้ดซ้ำซ้อน

CSS ตัวใหม่ ช่วยจัดการ Ratio รูปภาพให้เท่ากันทุกขนาดหน้าจอ

Natk • 3 Feb 21 • 2 mins

เบื่อมั้ยกับการจัด CSS รูปภาพทุกหน้าจอให้มีขนาดกว้าง สูงที่เท่ากัน Aspect ratio ตัวใหม่ที่จะช่วยแก้ปัญหาขนาดของรูปภาพให้มีขนาดเท่ากัน

รวมเทคโนโลยีเว็บไซต์ที่คนทำเว็บต้องรู้!

designil • 13 Apr 20 • 2 mins

ในปัจจุบัน เทคโนโลยี ทำเว็บไซต์ ได้พัฒนาไปไกลมาก ทุกวันนี้มีเรื่องที่เราจะต้องเรียนรู้หลายมุมมอง ซึ่งในเว็บนี้รวบรวมมาให้ครบ มาดูกันว่าจะต้องเรียนอะไรบ้าง

Front-end as a Service: คนทำ Front-end จะตกงานแล้วเหรอ?

designil • 21 Mar 19 • 5 mins

Front-end as a Service เป็นการนำ HTML/CSS มาทำให้กลายเป็นเครื่องมือ Drag and drop แบบง่าย ๆ ไม่ต้องรู้โค้ดก็ใช้ได้

สรุปเทคโนโลยีสำหรับคนทำเว็บไซต์ Frontend Developer ในปี 2018

designil • 29 Oct 18 • 7 mins

บทความนี้แนะนำ CSS Framework และ JS Framework / Library ที่กำลังได้รับความนิยมในขณะนี้ เพื่อให้ผู้ที่อยากเริ่มทำเว็บไซต์ด้าน Frontend Development สามารถเลือกเรียน เลือกใช้งานได้ง่ายขึ้น

30 Seconds of CSS: แจกฟรี CSS ที่ต้องใช้บ่อย โค้ดสั้น เข้าใจได้ง่าย ๆ ใน 30 วิ

designil • 26 Feb 18 • 3 mins

วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ

วิธีการ Embed วีดิโอ Youtube ลงในเว็บไซต์ และทำให้ Responsive ด้วย CSS ง่าย ๆ

designil • 29 Jan 18 • 5 mins

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

แนะนำจาก Designil

⭐️ รวมบทความและชีทสรุปกับ Designil Plus!

Designil Plus รวบรวมบทความคุณภาพสำหรับสมาชิก เดือนละ 100 บาท อ่านบทความใหม่ได้ก่อนใคร พร้อมเอกสารประกอบการทำงานด้าน UI, UX, Design system

สมัคร Designil Plus

📚 อัปเดตคอร์สเรียนใหม่ก่อนใคร

กดติดตาม Designil fanpage ไว้ ไม่พลาดคอร์สเรียนออนไลน์สอนสดรอบถัดไป

ติดตามคอร์สออนไลน์จาก Designil