Posts Tagged ‘frontend’

LESS คืออะไร ใครยังเขียน CSS อยู่ต้องอัพเดตด่วน

LESS คืออะไร
LESS คืออะไร มาแล้วรูปแบบการเขียน CSS แบบใหม่ ที่จะทำให้ชีวิต Frontend ง่ายขึ้นเยอะ หรือคนทำเว็บไซด์อย่างเราๆ ท่านๆนี่เอง

LESS เป็นรูปแบบการเขียนโปรแกรมแบบหนึ่ง มีรูปแบบการเขียนคล้ายกับ CSS เลยทีเดียว แต่จะมีการประกาศตัวแปร มีฟังก์ชั่น มีการ บวก ลบ คูณ หาร มีการนำกลับมาใช้ใหม่ (reuse) ได้เหมือนเขียน OOP เลย เรียกการเขียนโปรแกรมแบบ LESS อีกอย่างหนึ่งว่า CSS pre-processor

เรามาดูปัญหาในการเขียน CSS ก่อนว่าทำไม เราจะต้องเปลี่ยนไปเขียน LESS ด้วย เพราะถ้าไม่มีเหตุผลพอ คนที่เขียน CSS อยู่แล้วก็คงมีข้อกังขาว่า ทำไมต้อง LESS

* เคยเจอไหม: ไม่รู้จะเขียน css อย่างไรดี เพื่อไปควบคุม HTML tag ต่างๆ
ปัญหานี้ สำหรับมือเก๋าแล้ว อาจจะไม่มีปัญหา แค่มองโครงสร้าง HTML แล้วรู้เลยว่า จะเขียน CSS อย่างไร เขียน  class, id เพื่อควบคุม  HTML เป็นเรื่องง่ายมาก