บริการออกแบบเว็บไซต์ พัฒนาเว็บไซต์ WordPress โดยมืออาชีพ

Code Tutorials

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

30 Seconds of CSS: แจกฟรี CSS ที่ต้องใช้บ่อย โค้ดสั้น เข้าใจได้ง่าย ๆ ใน 30 วิ
วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ
  • 26 ก.พ.
  • 0
วิธีการ Embed วีดิโอ Youtube ลงในเว็บไซต์ และทำให้ Responsive ด้วย CSS ง่าย ๆ
Code TutorialsCodingCSS3HTML5JavascriptTutorials

วิธีการ Embed วีดิโอ Youtube ลงในเว็บไซต์ และทำให้ Responsive ด้วย CSS ง่าย ๆ
ปัจจุบัน Content ที่เป็นวีดิโอมีมากขึ้นเรื่อย ๆ เพราะอินเตอร์เน็ตเราเร็วกันแล้ว สามารถเสพย์เนื้อหา Video ได้สะดวกขึ้นกว่าเดิมเยอะมาก ๆ แน่นอนว่าคนทำเว็บไซต์อย่างเราก็ควรจะต้องรู้วิธีการใส่วีดิโอลงในเว็บไซต์ รวมถึงวิธีทำให้วีดิโอของเราย่อขยายอัตโนมัติตามหน้าจอ
  • 29 ม.ค.
  • 0
React คืออะไร? ไขข้อสงสัยสำหรับมือใหม่ + แนวทางการหัด React ตั้งแต่เริ่มต้น
Code TutorialsCodingJavascriptReactRecommendedTutorials

React คืออะไร? ไขข้อสงสัยสำหรับมือใหม่ + แนวทางการหัด React ตั้งแต่เริ่มต้น
เมื่อไม่นานมานี้แอดมินได้มีโอกาสทำโปรเจคนึงที่ใช้ React and Redux เลยได้หาเรื่องให้ตัวเองลองศึกษา React ตั้งแต่เริ่มต้น และพบว่าจริง ๆ แล้วคอนเซปต์มันเข้าใจไม่ยาก เลยมาเล่าให้ฟังกันในบทความนี้
  • 10 ก.ค.
  • 0
สอนวิธีทำ HTTPS ง่าย ๆ ฟรี ๆ ทำให้เว็บไซต์เราโหลดเร็ว ปลอดภัย SEO แรง
Code TutorialsCodingHTML5RecommendedTutorials

สอนวิธีทำ HTTPS ง่าย ๆ ฟรี ๆ ทำให้เว็บไซต์เราโหลดเร็ว ปลอดภัย SEO แรง
บทความนี้จะมาแนะนำวิธี การทำ HTTPS ให้เว็บไซต์เรา แบบง่าย ใช้เวลาแปปเดียว แถมยังไม่เสียเงินสักบาท ด้วยการใช้บริการของ Cloudflare ครับ
  • 4 ก.พ.
  • 0
คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด
Code TutorialsCodingCSS3DownloadsFrameworksHTML / CSSRecommendedTutorials

คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด
หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น Twitter Bootstrap แน่นอนครับ วันนี้จะมาดูวิธีการใช้งานตั้งแต่เริ่มต้น รวมถึงเรื่องสำคัญต่าง ๆ เช่น กริด และ Component ต่าง ๆ ใน Bootstrap 4 กัน
  • 18 พ.ย.
  • 0
[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้
Code TutorialsCodingCSS3DownloadsFrameworksHTML / CSSRecommendedTutorials

[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้
เชื่อว่าหลาย ๆ คนคงรู้จัก Bootstrap / Foundation กันอยู่แล้ว โดยเฉพาะ Bootstrap นี่กลายเป็นเครื่องมือติดตัวที่คนทำเว็บไซต์ส่วนใหญ่เลือกใช้ และส่งผลให้เว็บไซต์ออกมาหน้าตาเหมือนกันหมด
  • 10 ต.ค.
  • 0
RSCSS: แค่เปลี่ยนวิธีคิด 1% ชีวิตการเขียน CSS ก็ดีขึ้น 99%
Code TutorialsCodingCSS3RecommendedTutorials

RSCSS: แค่เปลี่ยนวิธีคิด 1% ชีวิตการเขียน CSS ก็ดีขึ้น 99%
RSCSS หรือ Reasonable System for CSS Stylesheet Structure เป็นระบบ CSS ที่คิดค้นขึ้นโดยบริษัท RS จากการนำความรู้ด้านดนตรี ทำนองเพลงมาใช้ควบคู่ไปกับการเขียนโค้ด
  • 16 ก.พ.
  • 0
เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​ โดยใช้ React
App DesignCase StudiesCode TutorialsCodingDesignEventsFrameworksHTML5JavascriptMust KnowRecommendedStartupUI DesignUX DesignWeb Design

เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer อ่านดี​ โดยใช้ React
เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.
  • 7 ก.พ.
  • 0
ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
Code TutorialsCodingCSS3DownloadsFontsHTML5RecommendedTutorials

ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
  • 15 ธ.ค.
  • 0
วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step
Code TutorialsCodingCSS3DownloadsFontsTutorials

วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ
  • 19 พ.ค.
  • 0
  1. 1
  2. 2
  3. 3

ตำแหน่งงานที่น่าสนใจ

POPULAR ARTICLES

CATEGORIES

Back to Top