หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น (Twitter) Bootstrap แน่นอนครับ ซึ่งแอดมินเองก็เป็นหนึ่งในผู้ใช้ Bootstrap ที่ใช้มาตั้งแต่ยุคโบราณ (Bootstrap 2 นู่น)
CSS3
Articles
![[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้](https://www.designil.com/wp-content/uploads/2016/10/bulma-css-framework-335x256.jpg)
เชื่อว่าหลาย ๆ คนคงรู้จัก Bootstrap / Foundation กันอยู่แล้ว โดยเฉพาะ Bootstrap นี่กลายเป็นเครื่องมือติดตัวที่คนทำเว็บไซต์ส่วนใหญ่เลือกใช้ และส่งผลให้เว็บไซต์ออกมาหน้าตาเหมือนกันหมด
หลังจาก Bootstrap 4 Alpha ปล่อยออกมานานมากและไม่เสร็จสักที หัวเรือใหญ่ของโปรเจคที่ทำมาตั้งแต่เริ่มต้น คุณ Mark Otto (ผู้สร้าง Bootstrap ตั้งแต่เวอร์ชั่นแรก) ก็เลยออกมาประกาศว่า…
ปุ่ม (Button) นับว่าเป็นชิ้นส่วนในการออกแบบเว็บไซต์พื้นฐานที่ทุกเว็บไซต์ ทุกแอพพลิเคชั่นจำเป็นต้องมี ไม่ว่าเราจะดีไซน์ User Interface (UI Design) หรือกำลังร่าง Wireframe (UX Design) ก็ตาม
![[Slide] ใครเค้าเขียน HTML/CSS/JS กัน !! มารู้จักกับ Preprocessor](https://www.designil.com/wp-content/uploads/2016/02/codemania-jade-sass-babel-335x256.png)
เมื่อวานนี้มีโอกาสได้ไปพูดในงาน Code Mania 11 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ
RSCSS หรือ Reasonable System for CSS Stylesheet Structure เป็นระบบ CSS ที่คิดค้นขึ้นโดยบริษัท RS จากการนำความรู้ด้านดนตรี ทำนองเพลงมาใช้ควบคู่ไปกับการเขียนโค้ด
บทความนี้จะตอบทุกคำถาม การทำงานของ Web? Front-end / Back-end คืออะไร? PHP ต่างกับ Ruby ยังไง? แล้วเคยได้ยินชื่อ WordPress / Joomla มันไว้ทำอะไรกันแน่ ? ฯลฯ
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
วันนี้มี CSS Preprocessor ตัวใหม่ ชื่อว่า PostCSS มาแนะนำกันครับ ซึ่งกำลังได้รับความนิยมในต่างประเทศ ด้วยข้อดีต่าง ๆ ที่เกิดมาเพื่อแทน LESS / Sass โดยเฉพาะ
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ
ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
1
![[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!](http://www.designil.com/wp-content/uploads/2011/08/thai-fonts-download-review-license-72x54.jpg)
[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!
2
6 วิธีการออกแบบโลโก้ที่ดี พร้อมตัวอย่างประกอบ
3
แจกฟรี !! ฟ้อนต์ไทยสวย ๆ "สุขุมวิท" มูลค่าหลายหมื่นบาท จาก Apple
4
![[Free Vector] รวม 50 แหล่งดาวน์โหลด กราฟฟิกเวกเตอร์ ฟรี ๆ !!](http://www.designil.com/wp-content/uploads/2010/08/screen-shot-2557-06-04-at-9.05.41-pm-72x54.png)
[Free Vector] รวม 50 แหล่งดาวน์โหลด กราฟฟิกเวกเตอร์ ฟรี ๆ !!
5
![[Free Thai Font] แจกฟรี ฟ้อนต์ไทยสวย ๆ โดยมหาวิทยาลัยศิลปากร](http://www.designil.com/wp-content/uploads/2013/09/silpakorn70yr-title-72x54.png)
