Back to iWebsmile.com

Category: CSS

การใช้ CSS Filters ในการปรับแต่งภาพ

ในสมัยยุคแรกของคนทำเว็บการปรับแต่งภาพเป็นเรื่องที่ยากลำบากมาก เพราะในการปรับแต่ละครั้งก็ต้องเข้าไปที่ Photoshop เพื่อแต่งภาพแล้วมาอัพโหลดทับเข้าไปอีก กว่าจะเปิดโปรแกรมแต่ละตัว กว่าจะ Login FTP เข้าไป Upload file เรียกได้ว่าเหนื่อย

ในบทความนี้เป็นเรื่องของการ Filters ภาพเรียกได้ว่า Photoshop ทำอะไร CSS ก็ทำได้เช่นกัน ผมหวังว่าบทความนี้จะเอาไปใช้ประโยชน์กันได้นะครับ

เริ่มการใช้งาน

Property ของ CSS จะใช้คำสั่ง

filter: function(value);

และก็ใส่ Prefix สำหรับ Browser แต่ละตัวกันด้วยก็จะได้แบบนี้ครับ

filter: function(value);
-webkit-filter: function(value);
-moz-filter: function(value);
-o-filter: function(value);
-ms-filter: function(value);

Continue reading

หยุดใช้ IDs Selector กับ CSS

หยุดใช้ IDs Selector กับ CSS

จริงๆ เรื่องนี้ไม่ใช่เรื่องใหม่แต่อย่างใด ในเมืืองนอกได้มีการเขียนเกี่ยวบทความนี้ไว้หลายครั้งมาก ซึ่งผมเองก็เพิ่งจะได้ลองศึกษาอ่านดู ก่อนอื่นเราต้องทำความเข้าใจก่อนว่า Selector ใน CSS นั้นจะมี Points อยู่ เช่น

Element Selector (body, ul, li) = 1 points
Class Selector (.classname) = 10 points Continue reading

CSS Short hands

ผมเชื่อว่า Web Designer หรือ Web Developer หลายๆ คนต้องเคยปรับแต่ง แก้ไข หรือเคยเขียน CSS กันมาแล้ว และหลายๆ คนก็คงงงกับการเรียกใช้ Property ผมจะขอทบทวน CSS เบื้องต้นให้ท่านได้อ่านทำความเข้าใจง่ายๆ ก่อนนะครับ

Cascading Style Sheet หรือที่เราเรียกย่อๆ กันว่า CSS คือ ภาษาหรือชุดคำสั่งในการจัดการหน้า HTML เพื่อให้การแสดงผลถูกต้อง เช่นการกำหนดสีพื้นหลัง สีอักษร จัดโครงสร้างหน้า HTML เป็นต้น Continue reading

© 2010-2013 iWebSmile — all right reserved.