บทความนี้แนะนำ CSS Framework และ JS Framework / Library ที่กำลังได้รับความนิยมในขณะนี้ เพื่อให้ผู้ที่อยากเริ่มทำเว็บไซต์ด้าน Frontend Development สามารถเลือกเรียน เลือกใช้งานได้ง่ายขึ้น
Javascript
Articles
วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ
ปัจจุบัน Content ที่เป็นวีดิโอมีมากขึ้นเรื่อย ๆ เพราะอินเตอร์เน็ตเราเร็วกันแล้ว สามารถเสพย์เนื้อหา Video ได้สะดวกขึ้นกว่าเดิมเยอะมาก ๆ แน่นอนว่าคนทำเว็บไซต์อย่างเราก็ควรจะต้องรู้วิธีการใส่วีดิโอลงในเว็บไซต์ รวมถึงวิธีทำให้วีดิโอของเราย่อขยายอัตโนมัติตามหน้าจอ
เมื่อไม่นานมานี้แอดมินได้มีโอกาสทำโปรเจคนึงที่ใช้ React and Redux เลยได้หาเรื่องให้ตัวเองลองศึกษา React ตั้งแต่เริ่มต้น และพบว่าจริง ๆ แล้วคอนเซปต์มันเข้าใจไม่ยาก เลยมาเล่าให้ฟังกันในบทความนี้
![[Slide] ใครเค้าเขียน HTML/CSS/JS กัน !! มารู้จักกับ Preprocessor](https://www.designil.com/wp-content/uploads/2016/02/codemania-jade-sass-babel-335x256.png)
เมื่อวานนี้มีโอกาสได้ไปพูดในงาน Code Mania 11 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ
Frontend Designer เป็นอาชีพที่ยืนอยู่ระหว่าง การออกแบบให้สวยงาม (Design) และ การพัฒนา (Engineering) ครับ มาดูกันว่าคุณเป็น Frontend Designer หรือเปล่า ?
App DesignCase StudiesCode TutorialsCodingDesignEventsFrameworksHTML5JavascriptMust KnowRecommendedStartupUI DesignUX DesignWeb Design
เปิดเผยวิธีและเทคนิคทั้งหมดที่ใช้จากประสบการณ์ที่ได้มากจากการทำ Startup และใช้ ReactJS มากว่า 2 ปี มาสร้าง Prototype โดยใช้เวลาตั้งแต่เริ่มทำ Wireframe ถึงจบงานรวมแล้ว 14 ชม.
บทความนี้จะตอบทุกคำถาม การทำงานของ Web? Front-end / Back-end คืออะไร? PHP ต่างกับ Ruby ยังไง? แล้วเคยได้ยินชื่อ WordPress / Joomla มันไว้ทำอะไรกันแน่ ? ฯลฯ
AngularJS เป็น Javascript Framework สำหรับทำเว็บแอพครับ ซึ่งพัฒนาขึ้นมาโดยพนักงาน Google และได้รับการสนับสนุน (หรือโฆษณา) โดย Google อย่างเป็นทางการ
![[Hot Topic] สอนทำเว็บไซต์ให้รองรับ Retina Display หน้าจอความละเอียดสูง](https://www.designil.com/wp-content/uploads/2013/08/designil-retina-display-graphic-335x160.png)
เทคนิคการทำ Website ของเราให้รองรับ Retina Display หน้าจอความละเอียด 2x จากปกตินั้นไม่ยากเลยครับ มาดู 4 วิธีในการทำ Graphics ของเว็บไซต์เราให้รองรับ Retina
![[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!](http://www.designil.com/wp-content/uploads/2011/08/thai-fonts-download-review-license-72x54.jpg)
![[Free Thai Font] แจกฟรี ฟ้อนต์ไทยสวย ๆ โดยมหาวิทยาลัยศิลปากร](http://www.designil.com/wp-content/uploads/2013/09/silpakorn70yr-title-72x54.png)