Highlight

Isomorphic คืออะไร ? + สอนวิธีทำด้วย React

หากใครตามข่าวในวงการเว็บหน่อยก็คงจะเคยได้ยินคำว่า Isomorphic กันมาบ้างใช่มั้ยล่ะครับ วันนี้ SiamHTML เลยจะมาเล่าสู่กันฟังซะหน่อยว่าเจ้า Isomorphic นี้มันคืออะไร ?

ECMAScript 6 คืออะไร ? + สอนวิธีใช้

หากใครลองเข้าไปดูโค้ด JavaScript ของ project ใหม่ๆ บน GitHub แล้วก็อาจจะแปลกใจ เพราะ syntax ของมันนั้นไม่เหมือนกับโค้ด JavaScript ทั่วไปที่เราเขียนเลย วันนี้เราจะมาหาคำตอบกันว่าโค้ด JavaScript แบบที่ว่านี้มันคืออะไร ?

เรียนรู้การเขียนแอพ Android สไตล์ Front-end Web Developer

หลังจากที่ลองเขียนแอพ Android ดู ก็พบว่ามีเนื้อหาหลายส่วน ที่ใช้หลักการเดียวกับการทำเว็บเลย เรียกได้ว่าหากใครเป็น front-end developer อยู่แล้ว และสามารถเขียน Java ได้ด้วย การเขียนแอพ Android นี่ถือเป็นสกิลที่ห้ามพลาดเลยล่ะครับ

Automated

วิธีรัน Test อัตโนมัติด้วย Karma

วันนี้เราจะมาพูดถึง tool สำหรับการทำ TDD ตัวหนึ่งที่มีชื่อว่า Karma ลองมาดูว่ามันจะทำให้การทำ TDD สะดวกขึ้นได้จริงหรือเปล่า ?

วิธีใช้ Jasmine ทำ TDD

เราจะมาลองทำ TDD แบบง่ายๆ กับการเขียน JavaScript กันดูครับ โดย framework ที่ใช้นั้นจะเป็น Jasmine ลองมาดูว่ามันจะช่วยให้เราเขียน test ได้ง่ายขึ้นจริงหรือเปล่า ?

PhantomJS คืออะไร ? + สอนวิธีใช้

ปกติเวลาเข้าเว็บเราก็จะต้องเปิด web browser ขึ้นมา แล้วใส่ url ลงไป แต่ PhantomJS นั้นจะต่างจาก web browser อื่นๆ ตรงที่มันจะต้องรันผ่าน command-line ลองมาดูกันว่าความสามารถของมันนั้นจะคุ้มค่ากับการหายไปของ GUI หรือเปล่า ?

Gulp.js คืออะไร ? + สอนวิธีใช้

บทความนี้เราจะมาพูดถึง tool อย่าง gulp.js ที่จะช่วยให้เราไม่ต้องมาเสียเวลากับงานจุกจิกๆ อีกต่อไป ลองมาดูกันว่ามันจะช่วยเราได้มากขนาดไหนกัน

Node.js

สร้างแอพ Chat ด้วย Node.js และ Socket.IO

วันนี้เรามาลองทำแอพ chat แบบเรียลไทม์ ด้วย Node.js กันครับ สมัยก่อนอาจจะดูยุ่งยาก แต่สมัยนี้เราสามารถทำแอพแนวนี้ได้ง่ายเอามากๆ เลย เพื่อไม่ให้เสียเวลา เรามาเริ่มกันเลยฮะ

Jade คืออะไร ? + สอนวิธีใช้ร่วมกับ Express

บทความนี้เราจะมาพูดถึงวิธีการใช้ template engine ยอดนิยมตัวหนึ่งที่มีชื่อว่า Jade เรามาดูกันว่าการเอา Jade เข้ามาช่วย จะทำให้เราเขียนเว็บด้วย Express ได้สะดวกขึ้นมากขนาดไหน ?

สอนวิธีทำเว็บไซต์ด้วย Express

บทความนี้จะพูดถึง Express ซึ่งเป็น framework ของ Node.js ที่มีความยืดหยุ่นสูง สามารถใช้ทำได้ทั้งเว็บไซต์ธรรมดา และเว็บแบบ Single Page Application

สร้าง API ง่ายๆ ด้วย Node.js และ Express

บทความนี้เราจะมาพูดถึงการทำ RESTFul API ด้วย Node.js และ express โดยที่เราจะไม่เน้นรายละเอียดเชิงลึกหรือทฤษฎีอะไรมากมาย แต่จะขอเน้นไปที่การนำเสนอตัวอย่างเพื่อให้เข้าใจได้ง่ายที่สุด

Node.js คืออะไร ? + สอนวิธีใช้

หากจะพูดถึง Node.js หลายๆ คนคงจะเคยได้ยินกันมาบ้าง แต่อาจจะยังไม่ทราบว่ามันคืออะไร และมีประโยชน์อะไรกับ front-end engineer อย่างพวกเรา

Responsive Web Design

สอนวิธีเขียน CSS แบบ BEM

บทความนี้เราจะมาทำความรู้จักกับวิธีการตั้งชื่อ class ที่กำลังมาแรงที่สุดที่มีชื่อว่า BEM เราลองมาดูกันว่าวิธีนี้มีดีอะไร

วิธีกำหนด font-size ใน Responsive Web Design

หลายคนรู้แล้วว่าเราควรกำหนด font-size โดยใช้หน่วยแบบ relative ไม่ใช่หน่วยแบบ absolute แต่ถึงกระนั้น การกำหนด font-size ในการทำเว็บก็ยังคงมีปัญหาอยู่ดี

สอนวิธีทำ Responsive Web Design ใน 6 ขั้นตอน

ผมจะสรุปขั้นตอนสำคัญๆ ในการทำ Responsive Web Design มาให้อ่านง่ายๆ เรียกได้ว่า ถ้าลงมือทำตามขั้นตอนต่อไปนี้ รับรองว่าทำได้แน่นอนครับ

HTML5

Web Components คืออะไร? + สอนวิธีใช้

Web Components เกิดขึ้นมาเพื่อทำให้การพัฒนา component ต่างๆ เป็นไปอย่างมีมาตรฐานครับ หรือพูดง่ายๆ ก็คือเพื่อให้ทุกคนเขียน component ไปในทางเดียวกัน จะได้แชร์กันง่ายๆ นั่นเอง

SVG คืออะไร? + สอนวิธีใช้

ในบทความนี้เราจะมาดูว่า SVG มีวิธีใช้งานอย่างไร และมีข้อดีข้อเสียอย่างไรเมื่อนำมาเปรียบเทียบกับการใช้กราฟิกแบบอื่นๆ

สอนวิธีใช้ HTML5 Video

วันนี้เราจะมาพูดถึงความสามารถของ html ที่จะช่วยให้เราสามารถเล่นไฟล์วิดีโอได้โดยไม่ต้องพึ่ง plugin เสริมอีกต่อไป

HTML5 Web Storage คืออะไร ? + สอนวิธีใช้

แต่ก่อนเราอาจจะเคยใช้ cookie ในการจัดเก็บข้อมูลของ users แต่สำหรับ html5 แล้ว มีอีกวิธีที่น่าสนใจ นั่นก็คือการใช้ web storage

Web Design

Flat Design คืออะไร? + สอนวิธีทำ

Flat Design ถือเป็น design trend ที่มาแรงที่สุดในขณะนี้ คำถามก็คือมันจะเป็นเหมือน trend อื่นๆ ที่ได้รับความนิยมอยู่เพียงแค่พักเดียวมั้ย ?

Skeuomorphism ความหมายคืออะไร?

"Skeuomorphism" เป็นแนวการออกแบบที่ได้รับความนิยมเป็นอย่างมากในช่วง 2-3 ปีที่ผ่านมา คำถามก็คือ มันจะยังได้รับความนิยมไปอีกนานแค่ไหน ?

Web Design ความหมายคืออะไร?

บทความนี้ ผมจะนำเสนอความหมายของ Web Design ในอีกมุมมองหนึ่ง ซึ่งอาจจะทำให้หลายๆ คน หันมาให้ความสำคัญกับ Web Design มากขึ้นครับ

User Experience

Web Designer ตัวจริงเป็นอย่างไร ?

ทีมของเราต่างดีใจกันยกใหญ่ที่ไปได้งานทำเว็บไซต์ให้กับบริษัทชื่อดังแห่งหนึ่งได้สำเร็จ แต่ด้วยขนาดของเว็บไซต์ที่ค่อนข้างใหญ่

ใครว่า Users เกลียดการเปลี่ยนแปลง ?

หากใครเคยเรียนเกี่ยวกับการบริหารมาบ้าง ก็คงจะทราบดีว่า "การเปลี่ยนแปลง" อะไรบางอย่างนั้น ไม่ใช่เรื่องง่ายๆ เลย ไม่ว่าจะที่ไหนในโลก การเปลี่ยนแปลงมักจะถูกต่อต้านในช่วงแรกๆ ก่อนเสมอ และบางทีก็อาจจะถูกต่อต้านไปตลอดเลยก็มี ทำให้หลายๆ คน เชื่อกันว่า users นั้นไม่ชอบการเปลี่ยนแปลง

UI ของเราใช้ง่ายแล้วจริงๆ งั้นหรือ ?

การออกแบบสิ่งต่างๆ เราไม่ควรสนแค่การลดขั้นตอนที่ยุ่งยากให้สั้นลงไป เพราะการตัดขั้นตอนอะไรออกไป อาจทำให้ความเป็นเหตุเป็นผลของสิ่งนั้นลดลง ซึ่งจะไปทำให้ users ต้องคิดหาเหตุผลเอาเองมากขึ้น

One Web คืออะไร?

คำว่า "One Web" อาจจะไม่ค่อยคุ้นหูใครหลายๆ คน ใช่มั้ยครับ แต่จริงๆ แล้ว มันเป็นเรื่องที่น่าสนใจเอามากๆ เรามาดูกันดีกว่าครับว่า "One Web" คืออะไร ?