Categories
HTML & CSS

ตั้งค่า HTML ให้แสดงผลใน Mobile


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

ถึงแม้อุปกรณ์เคลื่อนที่เช่น โทรศัพท์ แทปเล็ต ทั้งหลาย จะสามารถแสดงผล HTML ได้ แต่บางทีก็แสดงผลไม่ถูกต้องอย่างที่ควรจะเป็น ในตอนที่ทำเป็น Web Application

Categories
HTML & CSS Web Development

ทำให้ Link Hover ดูดีขึ้นมาอีกนิดด้วย CSS Transition

เพื่อนๆ หลายๆคน น่าจะเห็นว่า การทำ Link Hover ให้ค่อยๆเปลี่ยนสี เว็บจะดูดีขึ้นมา(อีกนิด..ก็ยังดี) วันนี้ก็จะมาขอแชร์การใช้งาน CSS Transition โดยทำการค่อยๆเปลี่ยนสี background ของ link 

Categories
HTML & CSS Web Development

ฟรุ๊ง…ฟริ๊ง…กับ CSS Animate


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

ในความสามารถของ CSS3 นั้น ได้มีการเพิ่มฟังก์ชั่นการทำงาน ของ Animation เข้ามาด้วย แต่โค้ดที่ต้องเขียนก็ยาวซะเหลือเกิน ก็เลยมีคนนำฟังก์ชั่นการเคลื่อนไว้พื้นฐานมารวมไว้เป็นไฟล์ css ที่สามารถนำไปใช้งานได้ง่ายดาย ง่ายยังไงมาชมกัน

Categories
HTML & CSS

แปะไว้ ELUSIVE-ICONS WEBFONT

เอาไว้เป็นทางเลือก web font แบบอื่น นอกเหนือจาก font ของ bootstrap มี icon social ต่างๆด้วยครับ

Categories
HTML & CSS

วิธีติด FB Comments ใน WordPress


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Facebook เป็น Social Network ขนาดใหญ่ มีบริการต่างๆมากมายทั้งฝั่งของ Users และ Developers มีอีกหนึ่งบริการที่น่าสนใจก็คือ FB Comments ที่จะช่วยเก็บ Comments ใน blog ของเรา ทำให้ไม่เปลืองเนื้อที่ และ ทราฟฟิค วันนี้จะมาแนะนำการติด Code FB Comments ครับ

Categories
HTML & CSS Web Development

CSS Gradient Tools

การทำ Gradient ก็คือการไล่โทนสี ซึ่งการทำไล่โทนสีนั้น Web Browser บางตัวก็ไม่รองรับ ทำให้ต้องเขียน CSS ในรูปแบบที่แตกต่างกัน วันนี้ไปเจอ CSS Gradient generator ก็เลยเอามาแนะนำกันครับ