เขียน CSS อย่างไรให้ Good และ Bad

เขียน CSS อย่างไรให้ Good และ Bad การเขียน CSS นั้นไม่ได้ยากและไม่ได้ง่าย(ถ้าจะให้มันดี) ในบทความนี้ผมจะเปรียบเทียบในเบื้องต้นว่า จะเขียนโค้ด CSS ยังไง ให้ง่าย ให้ดีต่อ Performance เขียนอย่างไรให้กระชับ และโค้ดสั้น เป็นระเบียบ เพื่อให้เว็บไซต์ทำงานได้ดี โหลดไว

จัดข้อความให้อยู่ตรงกลางในแนวตั้งด้วย CSS

จัดข้อความให้อยู่ตรงกลางในแนวตั้งด้วย CSS มักจะเจอบ่อยๆ ในการทำเว็บไซต์ เพราะส่วนใหญ่ถ้าใช้ html เรามักจะเจอการจัดข้อความในแนวนอน ซึ่งสามารถใช้คำสั่ง text-align:center ได้อยู่แล้ว แต่ในเมื่อเป็นแนวตั้ง ต้องใช้เทคนิคนิดหน่อยด้วย CSS ในการจัดข้อความให้อยู่ตรงกลางในแนวตั้งด้วย CSS จัดข้อความให้อยู่ตรงกลางในแนวตั้งด้วย CSS จัดข้อความให้อยู่ตรงกลางในแนวตั้งด้วย CSS เราต้องใช้ Parent Div หรือ Div

เรียนรู้ CSS LESS ใน 10 นาที

CSS LESS เป็นการเขียน CSS ในรูปแบบใหม่ ที่ทำให้ชีวิตของนักพัฒนาสะดวกมากยิ่งขึ้น  ซึ่งจากเดิมเรามักจะเขียน CSS ในไฟล์ style.css (.css) แต่การเขียนแบบ CSS LESS เราต้องเขียนในไฟล์ style.less แทน ที่สำคัญเราจำเป็นต้องผูกไฟล์ JavaScript ของ less มาด้วย เพื่อเป็นตัวคอมไฟล์(compile ) ไฟล์ style.less ของเรา ไปเป็น .css เหมือนเดิมอีกครั้ง ถ้าใครยังไม่มีพื้นฐานการเขียน CSS มาก่อน ก็ควรไปเรียนรู้พื้นฐาน CSS ทั่วไปกันก่อน

สอน CSS | รูปแบบการเขียน CSS หรือ Syntax CSS #1

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

CSS คืออะไร แล้วมันดียังไง?

CSS คืออะไร หลายๆคนที่เคยทำเว็บมา คงจะคุ้นๆหูกับคำนี้ CSS มาจากคำว่า Cascading Style Sheets ซึ่งในปัจจุบันเป็นที่นิยมอย่างมากในการทำเว็บ เราสามารถเขียน CSS เพื่อปรับแต่งเว็บไซต์ตามที่ต้องการ อาทิเช่น ปรับแต่งฟอนต์ ลงสี ใส่พื้นหลัง แทรกรูป สร้างเมนูสวยๆ และ CSS ยังมี Animation ด้วย

เทคนิคเปลี่ยนรูปสี่เหลี่ยมเป็นวงกลมด้วย CSS

เทคนิคเปลี่ยนรูปสี่เหลี่ยมเป็นวงกลมด้วย CSS เป็นเทคนิคที่ไม่ใช่เรื่องใหม่ มันเกิดขึ้นมานานแล้ว ซึ่งในอดีตกาลเราถ้าเราอยากจะทำรูปสี่เหลี่ยมบนเว็บไซต์ เรานิยมทำด้วยโฟโต้ช็อบแต่งมันให้เป็นวงกลม ซึ่งมันก็เป็นวงกลมนั้นแหละ เพียงแต่ว่าด้วยเทคโนโลยีการพัฒนาเว็บไซต์มันเปลี่ยนไป เราจำเป็นต้องเปลี่ยนไปตามกาลเวลา