Clik here to view.
Theme WordPress ของคุณมีไวรัสหรือเปล่า เช็คก่อนโดนแฮค !!
เคยสงสัยไหมครับว่า Theme WordPress ที่ใช้อยู่นั้นมีไวรัสตัวใดอยู่หรือไม่ หรือพยายามส่ง Backlink ให้เว็บ 18+ หรือไม่ หรือ Theme WordPress...
View ArticleClik here to view.
กว่าจะออกแบบได้สักงาน รู้มั้ยว่า Designer ต้องคิดอะไรบ้าง ?
คนทั่วๆ ไป เมื่อเห็นผลงานของ Designer หรือ นักออกแบบ ก็คิดออกแต่เพียงว่า “สวย” หรือ “ไม่สวย” แล้วไปตีมูลค่าผลงานนั้นจากสิ่งอื่น นอกเหนือจากผลงานนั้นแทน ลายเสื้อสวย แต่เสื้อจะแพง...
View Articleทำไม Designer ที่ดีต้องทำตัว “ขี้เกียจ”
หลายคนเข้าใจว่าอยากทำงานให้ดีต้องขยัน แต่พอทำงานเยอะ ๆ เข้าก็จะเริ่มพบว่างานนึงที่เราใช้เวลาทำ 40 ชั่วโมง จริง ๆ แล้วอาจจะใช้เวลาทำแค่ 10 ชั่วโมงก็ได้ผลลัพธ์เหมือนกัน จึงกลายเป็นที่มาของคำว่า...
View ArticleClik here to view.
เทคนิคออกแบบ UI DESIGN ให้สวยด้วยความแตกต่าง 1 Pixel !!
หากได้เคยทำงานกับ designer มืออาชีพ หรือเพียงแค่เห็นผลงานอยู่บ่อยๆ เราจะพบว่าความต่างเพียงแค่ 1 px ก็สามารถแยกระดับระหว่าง designer มืออาชีพและ designer ทั่วๆ ไปได้แล้ว ผมยังจำได้สมัยที่พึ่งหัดทำ UI...
View Article[Slide ภาษาไทย] เล่าประสบการณ์…ทำเว็บยังไงไม่ให้อดตาย !!
เชื่อว่าน้อง ๆ หลายคนที่ยังเรียนอยู่ หรือเรียนใกล้จบ และอยากทำเว็บไซต์เป็นอาชีพหลัก อาจสงสัยว่าเป็นคนทำเว็บแล้วมีรายได้เลี้ยงตัวเองพอเหรอ หรืออาจจะโดนที่บ้านกดดันว่าเรียนทำไม เรียนไปกินแกลบแน่นอน...
View ArticleClik here to view.
UI (น่า) ค้นหา ภาคต้น
การค้นหาข้อมูลอะไรสักอย่างด้วย Google เป็นอะไรที่เราคุ้นเคยกันดี หรือจะค้นหาสินค้าที่เราอยากซื้อบนเว็บ Amazon ก็ดูเป็นเรื่องปกติ แต่รู้ไหมครับว่าตั้งแต่วินาทีที่เราเริ่มพิมพ์คีย์เวิร์ดในช่องค้นหา...
View ArticleClik here to view.
วิธีคิด และออกแบบ App Icon ของแอพมือถือ iPhone / Android
ถ้าผมมีเวลาหนึ่งชั่วโมงในการแก้ปัญหา ผมจะใช้ 55 นาทีในการคิดเกี่ยวกับปัญหา และใช้ 5 นาทีเพื่อคิดแก้ปัญหา – อัลเบิร์ด ไอน์สไตน์ นี่คือคำเด็ดของไอน์สไตน์ที่ผมชื่นชอบมากเลยประโยคหนึ่ง เพราะในงานออกแบบ...
View Articleเทคนิคการใช้ Variable Interpolation ใน SCSS
สำหรับใครที่เคยเขียน SCSS อยู่แล้วหรือคนเขียน CSS อยากลองมาใช้ SCSS ดูแล้วสงสัยว่าจะสร้างตัวแปรยังไง คงไม่ยากใช่ไหมครับ ถ้าเราไปดูที่ reference แล้วพบว่า ประกาศตัวแปรโดยใช้ $var ก็ได้ตัวแปรชื่อ var...
View ArticleClik here to view.
วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ วันนี้ผมมีคำตอบมาให้ครับ...
View ArticleClik here to view.
เผย 17 เทคนิคลับ สำหรับออกแบบฟอร์มบนเว็บไซต์ที่คุณต้องรู้ !! (มีรูปประกอบ)
ในชั่วโมงการเรียนการสอนเกี่ยวกับ User Interface Design จะต้องมีเรื่องของ 3 UI Patterns ที่เป็นรูปแบบ หรือเครื่องมือควบคุมพื้นฐาน สำหรับใช้ในงานออกแบบเว็บไซต์หรือ Application UI Pattern ทั้ง 3...
View ArticleClik here to view.
เล่น Facebook อย่างไรให้ได้งาน ฉบับคนทำเว็บ & Web Designer
บ่อยครั้งที่เวลาเราทำงานอยู่แล้วเบื่อ ๆ ก็เผลอไปเปิด Facebook มาเล่น หลังจากนั้นก็ไล่อ่าน News Feed ดูอัพเดทรูปแมวข้างบ้านบ้าง อ่านข่าวจากเว็บ Clickbait บ้าง เม้าท์กับเพื่อนบ้าง...
View ArticleClik here to view.
[เล่าประสบการณ์] เรียน Front-end Web Developer กับโค้ชต่างประเทศ หลักสูตร...
สวัสดีครับ พอดีผมเพิ่งเรียนจบคอร์ส Front-end Web Developer Nanodegree ของทาง Udacity มา เลยนำประสบการณ์การเรียนมาแชร์ไว้นะครับ พร้อมตอบคำถามที่หลายๆ ท่านถามมา สรุปสั้น ๆ สำหรับมนุษย์ “ยาวไปไม่อ่าน”...
View ArticleClik here to view.
ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา แอดมินรู้จัก Google...
View ArticleClik here to view.
Intro to UX: กับคุณดาริน User Experience Designer แห่ง Amazon.com
คำว่า UX หรือ User Experience เป็นคำที่หลาย ๆ คนมักเข้าใจผิดถึงความหมายของมัน UX เหมือนกับ UI มั้ย? แล้ว Usability Testing กับ UX คืออันเดียวกันมั้ย? การทำ UX ที่ถูกต้องเป็นอย่างไร?...
View ArticleClik here to view.
เผยเทคนิคการทำ Prototype สำหรับ Startup ที่ Designer อ่านได้ Developer...
บทความนี้ ถูกโพสครั้งแรกที่ https://medium.com/@ranatchai/แนวคิดการทำ-prototype-ด้วย-react-95bdd41bed0a จากบทความที่ TURBO เคยเล่าไว้ใน Startup Weekend แค่ 3 วัน 2 คืน ก็เหมือนได้ลองสร้าง Startup...
View ArticleClik here to view.
RSCSS: แค่เปลี่ยนวิธีคิด 1% ชีวิตการเขียน CSS ก็ดีขึ้น 99%
การเขียน CSS นั้นจะว่าง่ายก็ง่าย ตรงที่ไม่มีกฏเกณฑ์อะไรมาก ตั้งชื่อ Class, ID อะไรก็ได้ / เขียน Selector ซ้อนกี่ชั้นก็ได้ / CSS Property จะเรียงก่อนหลังยังไงก็ได้ แต่พอเขียน CSS มาหลายปีแล้ว...
View ArticleClik here to view.
5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ
เมื่อไม่นานมานี้เราได้รับโจทย์การออกแบบ “เว็บไซต์ขายประกันรถยนต์ออนไลน์” มา ตอนแรกเมื่อทีมได้ยินก็ปวดหัวกันไปตาม ๆ กัน เพราะแค่ได้ยินว่า “ประกัน” คนก็เบนหน้าหนีแล้ว หลายคนมีภาพนายหน้าขายประกันสุด Hard...
View ArticleClik here to view.
[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้
เมื่อวานแอดมินเพิ่งกลับมาจากงาน Hackathon ครับ ซึ่งงาน Hackathon คือ การแข่งขันสร้าง Product ในเวลาสั้น ๆ นั่นเอง โดยจะมีโจทย์ของงานแตกต่างกันไป...
View ArticleClik here to view.
แอพฯ Priceza เปลี่ยนโลโก้ใหม่ ภายใต้ดีไซน์เรียบง่าย แต่กว่าจะได้มาไม่ง่าย
แอพพลิเคชั่น Priceza ที่ให้บริการค้นหาสินค้าและเปรียบเทียบราคาสำหรับนักช้อปได้มีการปล่อย Priceza 5.0 ซึ่งเป็น แอพพลิเคชั่นเวอร์ชั่นใหม่ออกมาให้ได้อัพเดทกันไปเมื่อวันที่ 20 ตุลาคมที่ผ่านมา และแอพฯ...
View ArticleClik here to view.
คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด
หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น (Twitter) Bootstrap แน่นอนครับ ซึ่งแอดมินเองก็เป็นหนึ่งในผู้ใช้ Bootstrap ที่ใช้มาตั้งแต่ยุคโบราณ (Bootstrap 2 นู่น...
View Article
