CSS กาก กากส์

เขียน CSS ให้ตัวหนังสือ หรือ Element ย่อขยายตามขนาดหน้าจอแบบ Relative

CSS กากกากส์ วันนี้ขอนำเสนอการใช้ Distance Units ประเภท length โดยเจาะจงไปที่ Relative length แล้วแทงยาวไปที่ Viewport-percentage lengths ซื่งก็คือ VW (Viewport width) และ VH (Viewport height)

เราสามารถที่จะให้ของที่อยู่ในกล่องของเราทำการวิ่งตาม Veiwport ได้ทั้งสองทาง ไม่ว่าความกว้างหรือความสูง

ถ้าเลือกได้ อย่าดอกจัน แผดดิ้งศูนย์ มาร์จิ้นศูนย์

ThaiCSS Direct วันนี้ขอเสนอ Tips เล็กๆ น้อยๆ เท่าหำแมงสาบ เอาไว้ให้นักเลงคีย์บอร์ด CSS ได้เก็บไว้ใช้งานเมื่อยามจำเป็น เรื่องพื้นๆ กาก กากส์ ในวันนี้ไม่ใช่เรื่องใหญ่อะไรเป็นเพียงแค่เทคนิคการสังเกตกระบวนการ render css ของบราวเซอร์ที่เราสามารถช่วยบราวเซอร์ประหยัดพลังงานและเพิ่มความเร็วในการแสดงผลหน้าเว็บขึ้นไปอีก 0.0046 มิลลิเซคคั่น

การทำ Modal window แบบประหยัด Code

บางทีเราไม่จำเป็นต้องเขียนโค้ด HTML ให้มันยาวเพื่อความสะดวกของการเขียน CSS วันนี้ผมขอมาไวเครมเร็ว เสนอบทความก้อมอันเนื่องมาจาก หงุดหงิดทุกครั้งเมื่อเห็นคนอื่นเขียน HTML Code ยาวเฟื้อยทั้งๆ ที่มันสามารถเขียนให้สั้นๆ กระชับ ดับโลกร้อนได้ ThaiCSS Direct วันนี้ขอเสนอ “การทำ Modal หรือ Pop up แบบกากๆ” หรือการเรียกใช้ :before และ :after (pseudo-element) ให้เกิดประโยชน์

Back to Top

Social media & sharing icons powered by UltimatelySocial