CSS พื้นหลังเต็มหน้าจอ

ชุดคำสั่ง CSS สำหรับ การออกแบบให้พื้นหลังเต็มหน้าจอ

1. html {   
2.   background: url(http://media02.hongkiat.com/oversized-background-image-design/bg.jpg) no-repeat center center fixed;   
3.   -webkit-background-size: cover;  
4.   -moz-background-size: cover;  
5.   -o-background-size: cover;  
6.   background-size: cover;  
7.   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";  
8.   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');  
9. }  

แหล่งข้อมูล สำหรับ นักออกแบบและพัฒนาเว็บ สิงหาคม 2013

    - Code Color http://www.colourco.de/
    - Long Shadow (New trend) http://graphicburger.com/
    - Button CSS http://alexwolfe.github.io/Buttons/

การทำภาพแนว "Cinemagraph"

การทำภาพ Cinemagraph นั้น  มี 3 วิธี

วิธีแรก ...คือการถ่ายภาพแบบ Multi Shot แล้วนำไฟล์มาเรียงต่อกันทำเป็นไฟล์ Gif  ซึ่งวิธีการทำก็เหมือนการทำไฟล์ Gif  ทั่วไป

วิธีที่ 2  ...คือการเอาไฟล์ Video มาทำ ซึ่งผมขอนำเสนอบทความด้วยวิธีการนี้ เพราะผมคิดว่าถ้าทำด้วยวิธีนี้เป็นแล้ว ...วิธีแรกก็จะง่ายมาก ^^

วิธีสุดท้าย  ..คือการนำรูปภาพธรรมดาๆรูปเดียว มาก๊อปปี้ ตกแต่ง และตัดต่อ ให้เป็นภาพเคลื่อนไหว ที่ละช๊อตๆ ซึ่งเป็นวิธีที่ต้องใช้เทคนิคเฉพาะตัวสูงมาก ทำยาก จึงไม่ค่อยมีใครใช้วิธีนี้กันกัน

Top 10 Software Shopping Cart

แนะนำ 30 Software Shopping Cart ครับ มีทั้งแบบ Free และ Not Free ครับ และจะใช้ได้ทั้งเว็บ php, joomla, wordpress ท่านที่สนใจ software ตัวไหนก็ลองทดลองใช้ได้เลยครับ ถ้าถูกใจก็ซื้อเลยครับ สนับสนุน Software แท้ครับ เพื่อกำลังใจของนักพัฒนาครับ

Resolution สำหรับ Web Mobile

การกำหนด Resolution สำหรับ Web on Mobile

Web Mobile

การออกแบบขนาดของ Resolution บน Mobile จะต่างกับ Notebook , PC ซึ่ง Resolution Web on Mobile มีดังนี้