Lab

posted on 23 Nov 2011 12:49 by limitblog

Laboratory Design


ขอบคุณ Original Hover Effects with CSS3 – Guest Post จาก http://www.alessioatzeni.com

Boulevard

ธีม full-screen background ตัวนี้ค่อนข้างจะใช้ script เยอะพอสมควร ใช้ css3 ครับ ลงเข้าไปดูและศึกษาครับ

Read More

On The Beach

ธีม 2 column ทำให้ SoDa Hwan แต่ตอนนี้เจ้าของเค้าไปแต่งงานออกลูกออกหลาน เลยไม่มีเวลาได้เล่นเลยเอามาแจกซะ

Read More

Min

ธีมง่าย ๆ ที่แยกแต่ละส่วนออกจากกัน และ บังคับให้เป็น css3 ทั้งธีมลงโหลดดูครับ

Read More

Two Column

2 แถวแนว fixed sidebar ดูดีมีชาติตระกูล บังคับใช้ css3 ทั้งหมดลองดูชมได้เลย

Read More

3 Column

3 แถวธีมแรกที่ผมทำโดยใช้กับ IE7+ ได้ดำๆส้มๆ ปนเปกันไป เรียบง่ายแต่ดูดี (มั้ง)

Read More

Orange

ธีม 3 แถวเน้นเรียบง่ายแต่ดูดีมี style ใช้ได้กับ ie7+

Read More

content-box-shadows

2 แถวแนวสบายๆ โล่งๆไม่มีอไรมาก css3 เป็นม็อบ firefox,chromes เป็นแกนนำ

Read More
V.1

Content Box rounded

ธีมทำออกมาให้มุมโค้งมนและใช้ multiple drop shadows (outer or inner) ช่วยในการตกแต่งธีม และ media queries แสดงผล 340px และ 420px

Read More

Ribbon

css3 อีกธีมที่ใช้เทคนิค border:transparent และ Gradient โทนสีเทาเป็นหลังตัดด้วยสีแดงเพื่อให้ดูโดดเด่น

Read More

Embroidery

css3 อีกธีมที่ใช้เทคนิค box-shadow และ ::before เพิ่มเติมสามารถลาก element ต่างๆด้วย Query UI 1.8.9 ลองชมและติดตามครับ

Read More

[CSS3] Circle menu

css3 circle menu ทดลอง การใช้ check box hack HTML5&CSS3 ยังไงลองเอาไปแงะเล่นๆดูนะครับ

Read More