HTML5

Articles

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

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


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

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


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

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


Bootstrap 4.0 เวอร์ชั่นเต็มมีอะไรบ้าง + แจกเทมเพลตสวย ๆ ฟรี

Bootstrap ถือเป็น CSS Framework ที่อยู่ยงคงกระพัน และได้รับความนิยมเป็นอันดับหนึ่งมาตลอดในหมู่คนทำเว็บไซต์ เมื่อวานนี้เอง เค้าก็เปิดตัว Bootstrap 4 ตัวเต็ม พร้อมแจกเทมเพลตฟรีสวย ๆ หลายตัว


สอนวิธีทำ HTTPS ง่าย ๆ ฟรี ๆ ทำให้เว็บไซต์เราโหลดเร็ว ปลอดภัย SEO แรง

บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ


ทีม Bootstrap 4 ประกาศเดินหน้าเต็มที่ !! เลิกพัฒนา Bootstrap 3 แล้ว

หลังจาก Bootstrap 4 Alpha ปล่อยออกมานานมากและไม่เสร็จสักที หัวเรือใหญ่ของโปรเจคที่ทำมาตั้งแต่เริ่มต้น คุณ Mark Otto (ผู้สร้าง Bootstrap ตั้งแต่เวอร์ชั่นแรก) ก็เลยออกมาประกาศว่า…


12 เทคนิคการดีไซน์ปุ่มสำหรับ UX / UI Designer

ปุ่ม (Button) นับว่าเป็นชิ้นส่วนในการออกแบบเว็บไซต์พื้นฐานที่ทุกเว็บไซต์ ทุกแอพพลิเคชั่นจำเป็นต้องมี ไม่ว่าเราจะดีไซน์ User Interface (UI Design) หรือกำลังร่าง Wireframe (UX Design) ก็ตาม


[Slide] ใครเค้าเขียน HTML/CSS/JS กัน !! มารู้จักกับ Preprocessor

เมื่อวานนี้มีโอกาสได้ไปพูดในงาน Code Mania 11 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ


เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​ โดยใช้ React

เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.


สรุปเทคโนโลยีทุกอย่างสำหรับคนอยากมีเว็บ / แอพในปี 2016 ฉบับเข้าใจง่าย ๆ

บทความนี้จะตอบทุกคำถาม การทำงานของ Web? Front-end / Back-end คืออะไร? PHP ต่างกับ Ruby ยังไง? แล้วเคยได้ยินชื่อ WordPress / Joomla มันไว้ทำอะไรกันแน่ ? ฯลฯ