บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ
HTML5
Articles
หลังจาก 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 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ
App DesignCase StudiesCode TutorialsCodingDesignEventsFrameworksHTML5JavascriptMust KnowRecommendedStartupUI DesignUX DesignWeb Design
เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.
บทความนี้จะตอบทุกคำถาม การทำงานของ Web? Front-end / Back-end คืออะไร? PHP ต่างกับ Ruby ยังไง? แล้วเคยได้ยินชื่อ WordPress / Joomla มันไว้ทำอะไรกันแน่ ? ฯลฯ
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
![[HTML5] เลือกใช้แท็ก HTML5 ไหน ตอนไหนดี ?](https://www.designil.com/wp-content/uploads/2014/12/designil-html5-tags-335x256.jpg)
HTML5 เป็น HTML เวอร์ชั่นใหม่ (ตอนนี้ก็ไม่ค่อยใหม่แล้ว) ที่มาพร้อมแท็กใหม่ ๆ มากมาย ไม่ว่าจะเป็น article, nav, section, aside, figure etc.
![[Tips] ทำกราฟฟิก JPEG พื้นหลังใสไว้ใช้แทน PNG ด้วย SVG !!](https://www.designil.com/wp-content/uploads/2014/09/designil-jpeg-transparent-png-335x256.jpg)
กราฟฟิกนามสกุล PNG กับ JPEG เป็นนามสกุลที่ได้รับความนิยมในเว็บไซต์ PNG จะเหมาะกับกราฟฟิกที่ต้องมีการทำพื้นหลังใส ส่วน JPEG, JPG จะเหมาะกับรูปถ่ายที่สีเยอะ ๆ
เวลามีคนเขียน CSS หลายคนในโปรเจคเดียวกัน หรือนำโค้ดของคนอื่นมาแก้ต่อ (เช่น ซื้อจาก Themeforest) จะแก้ CSS ได้ยากเพราะอ่านไม่ออก มาดูวิธีแก้แบบ BEM CSS กัน
ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
1
React คืออะไร? ไขข้อสงสัยสำหรับมือใหม่ + แนวทางการหัด React ตั้งแต่เริ่มต้น
2
![[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!](http://www.designil.com/wp-content/uploads/2011/08/thai-fonts-download-review-license-72x54.jpg)
[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!
3
6 วิธีการออกแบบโลโก้ที่ดี พร้อมตัวอย่างประกอบ
4
แจกฟรี !! ฟ้อนต์ไทยสวย ๆ "สุขุมวิท" มูลค่าหลายหมื่นบาท จาก Apple
5
![[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 Thai Font] แจกฟรี ฟ้อนต์ไทยสวย ๆ โดยมหาวิทยาลัยศิลปากร](http://www.designil.com/wp-content/uploads/2013/09/silpakorn70yr-title-72x54.png)
