เมื่อไม่นานมานี้แอดมินได้มีโอกาสทำโปรเจคนึงที่ใช้ React and Redux เลยได้หาเรื่องให้ตัวเองลองศึกษา React ตั้งแต่เริ่มต้น และพบว่าจริง ๆ แล้วคอนเซปต์มันเข้าใจไม่ยาก เลยมาเล่าให้ฟังกันในบทความนี้
Code Tutorials
Articles
บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ
หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น (Twitter) Bootstrap แน่นอนครับ ซึ่งแอดมินเองก็เป็นหนึ่งในผู้ใช้ Bootstrap ที่ใช้มาตั้งแต่ยุคโบราณ (Bootstrap 2 นู่น)
![[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้](https://www.designil.com/wp-content/uploads/2016/10/bulma-css-framework-335x256.jpg)
เชื่อว่าหลาย ๆ คนคงรู้จัก Bootstrap / Foundation กันอยู่แล้ว โดยเฉพาะ Bootstrap นี่กลายเป็นเครื่องมือติดตัวที่คนทำเว็บไซต์ส่วนใหญ่เลือกใช้ และส่งผลให้เว็บไซต์ออกมาหน้าตาเหมือนกันหมด
RSCSS หรือ Reasonable System for CSS Stylesheet Structure เป็นระบบ CSS ที่คิดค้นขึ้นโดยบริษัท RS จากการนำความรู้ด้านดนตรี ทำนองเพลงมาใช้ควบคู่ไปกับการเขียนโค้ด
App DesignCase StudiesCode TutorialsCodingDesignEventsFrameworksHTML5JavascriptMust KnowRecommendedStartupUI DesignUX DesignWeb Design
เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ
การนำตัวแปร SCSS มาใช้ประโยชน์ให้มากขึ้นกว่าการใส่สี ใส่ขนาดตัวหนังสือทั่ว ๆ ไป ซึ่งใช้เทคนิคที่เรียกว่า Variable Interpolation ครับ
![[HTML5] เลือกใช้แท็ก HTML5 ไหน ตอนไหนดี ?](https://www.designil.com/wp-content/uploads/2014/12/designil-html5-tags-335x256.jpg)
HTML5 เป็น HTML เวอร์ชั่นใหม่ (ตอนนี้ก็ไม่ค่อยใหม่แล้ว) ที่มาพร้อมแท็กใหม่ ๆ มากมาย ไม่ว่าจะเป็น article, nav, section, aside, figure etc.
ฟ้อนต์ไทยสวย ๆ ใน 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)
