Code for Dek-d Customization

ลำดับตอนที่ #18 : [website] {CSS} Protal

จากการค้นหาไปเรื่อยๆ ก็ไปพบกับเว็บนี้เข้า http://www.cssportal.com/ โดยเว็บนี้จะมีการสอนการตบแต่งต่างๆ ด้วย CSS มีเครื่องมือที่เกี่ยวกับ CSS ไว้ให้ใช้งาน ตัวอย่างการตบแต่งต่างๆ

สิ่งที่น่าสนใจอย่างแรกคือ เว็บนี้ได้ทำเครื่องมือสำหรับการสร้าง CSS Rules ไว้ (CSS Generators) ตัวอย่างที่น่าสนใจก็เช่น

• ตัวช่วยสร้างโค้ด CSS เพื่อทำเงา
• ตัวช่วยสร้างโค้ดสี แบบที่ปรับค่าความโปร่งแสงได้
• ตัวช่วยสร้างขอบโค้งๆ
• ตัวช่วยสร้างเงาให้ข้อความ

โดยเราแค่เข้าไปปรับการตั้งค่าให้เป็นไปตามที่เราต้องการ เราก็จะได้โค้ด CSS มาใช้งาน

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

อย่างไรก็ตามเว็บไซต์นี้เป็นภาษาอังกฤษ ดังนั้นผู้อ่านก็ต้องมีความสามารถทางภาษาในระดับหนึ่ง ในการที่จะทำความเข้าใจบทความหรือตัวอย่างต่างๆ ในเว็บไซต์นี้

เว็บไซต์ที่คล้ายคลึงกัน

• CSS Tricks