CSS-Tricks-head3

เว็บสอน CSS ที่คู่ควร – css-tricks.com

กำลังแก้ CSS ของ plugin ที่โหลดมาใหม่อยู่ ตัวนี้ “Recent Posts Widget Extended” เจอะกับคำว่า font-weight ใส่มา 400
เอิ่ม… แล้วที่พอดีต้องใส่กี่ร้อยล่ะ แล้วอยากตัวหนา ตัวบาง จะต้องใส่เท่าไหร่
 
ก็ search google เจ้าเก่าเอา มาเจอเว็บ css-tricks.com หน้าตาดูดีเชียว แต่ที่ชอบคือ แสดงผลให้ดูเลย ไม่ต้องรออธิบาย มาทั้งรูปแบบ HTML, CSS และ ผลที่ได้ …เป๊ะเวอร์!

CSS Almanac-font-weight-html

CSS Almanac-font-weight-css

CSS Almanac-font-weight-result

 

หรือจะลองเข้าไป edit ก่อน แล้วก็อปโค๊ดมาแปะก็ได้ ตามใจชอบ

CSS-Almanac-font-weight-edit

 

สำหรับ CSS Selectors และ CSS Properties เข้าไปเลือกดูได้ที่เมนู almanac
และยังมีโค๊ดอื่นๆ อีก เช่น HTML, CSS, htaccess, PHP JavaScript, jQuery และ WordPress ที่เมนู snippets

CSS-Tricks-almanac-snippets

 

บทความ : Webmonster Lab | Yui K Artist
รูปภาพ : css-tricks.com

 

คุณก็อัพเดท WordPress ได้ด้วยตัวเอง
Follow Kanchita Varitthinanon (Yui K artist):

Founder of Webmonster Lab, Instructor and Creative Director

I am an artist/professional in digital platform (small to large scale). Passion for web solutions with smooth UX/UI and stunning organic SEO. 16+ years of experience in Web Design & Development, Digital Strategy, E-Commerce and Business Management. 9+ years of WordPress lover : )