CSS เด็ดๆ

[iannnnn]

http://www.vikiworks.com/2007/08/24/a-nice-pullquote/
Vikiworks™ Studio » A nice pullquote

ใส่ Quote แบบลอยๆ ลงบนหน้าเนื้อหา ออกมาแล้วดูดีเลยนะ
(ข้างในมีลิงก์เชื่อมไปอีกสไตล์นึง ลองหาดู)

[iannnnn]

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
53 CSS-Techniques You Couldn't Live Without | CSS

แหม สะแม้ดชิ่งอันนี้มันเด็ดดวงดีจริงๆ
ขอคัดอันที่ตัวเองคิดว่าเจ๋งจนอยากเก็บไว้มาแปะเลยนะครับ




http://www.mandarindesign.com/troops.html#opacitybackgroundhard
Mandarin Design: Text Tricks
ทำพื้นหลังที่เป็นภาพให้ใสจะได้อ่านข้อความได้ง่าย (หมาย่าง+ไออี )
ใครใช้แมคลองเทสต์หน่อยครับว่าเวิร์กไหม


http://couchfort.net/article/59/css-curves
couchfort.net » CSS Curves
เหมือนการจัดหน้ากระดาษ เวลามีภาพไดคัตมาก็ต้องพิมพ์ตัวหนังสือหลบเป็นโค้งๆ ใช่มะ
ฉันใดก็ฉันนั้น เราสามารถสร้างกล้องเปล่าๆ มาทำให้ตัวหนังสือหลบภาพได้เช่นกัน

[iannnnn]

ต่อๆ


http://mikecherim.com/experiments/php_style_changer.php?GimmeStyle=default.css
PHP: Style Changer | Mike's Experiments | MikeCherim.com
ใช้ php เปลี่ยนชุด css แบบจำค่าคุกกี้ได้ด้วย
(ตูเคยถามป้าหน่อยประมาณนี้แหละ อยากให้เว็บ ผจก มันทำงี้มั่งจะได้อ่านง่ายๆ หน่อย)


http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
CSS-Based Forms: Modern Solutions | CSS
ตกแต่ง <form> ด้วย css (มีหลายอันให้เลือกดู เจ๋งๆ ทั้งนั้น)


http://www.smashingmagazine.com/2006/12/29/css-based-tables-modern-solutions/
ส่วนอันนี้ก็เป็นตารางแบบ css


http://css-discuss.incutio.com/?page=PrintStylesheets
Print Stylesheets - css-discuss
เทคนิคการวาง css เพื่อการสั่งพรินต์


http://www.colly.com/index.php?/weblog/comments/ticked_off_links_reloaded
CollyLogic: Ticked-off visited links Reloaded
เปลี่ยน visited link ให้มีเครื่องหมายถูกติ๊กอยู่ข้างหลัง


http://webdesign.maratz.com/lab/visited_links_styling/
The ways to style visited links
นี่ก็ด้วย


http://webdesign.maratz.com/lab/pdf_links_labeling/
PDF Link Labeling
ใส่ไอคอนแสดงประเภทของไฟล์ที่จะกดโหลดได้ท้ายลิงก์ (+javascript)

[N]

ผมชอบมากๆ ครับ เว็บนี้ มีข้อมูลครบถ้วนดีมากครับ
http://developer.mozilla.org/en/docs/Category:CSS 

[ooooo]

ให้ scrollbar มีสีใน Firefox
http://zeit.ca/external/gecko-coloured-scrollbar-experiment.html

[iannnnn]

ใน IE7 ก็เป็นนะ

ใครใช้ IE6 ช่วยทดสอบหน่อยครับ

[ooooo]

ใช้ได้ครับ

(น่าเ้สียดายที่ Firefox มันแสดงผลได้แค่ตอนที่เอามาส์อยู่ข้างนอก
พอ hover มันทำไม่ได้ เพราะโดน z-index ดักไว้อยู่)

[N]

ให้ scrollbar มีสีใน Firefox
http://zeit.ca/external/gecko-coloured-scrollbar-experiment.html

เจ๋งจริงๆ ครับ

ลองใช้โค้ดนี้ดูครับ ถ้าไม่อยากให้ใครใช้ IE เข้าเว็บลองโค้ดนี้ดูครับผม

โค้ด เลือกทั้งหมด ขยายเนื้อหา

body {
filter: fliph;
}
#noie {
filter: fliph;
position: absolute;
top: 1em;
left: 1em;
background: #fff;
color: #000;
padding: 1em;
z-index: 99;
}
#noie:not(:hover), #noie:hover {
display: none;
}

แล้วสร้าง div ที่มี ID เป็น noie ครับ ใส่ข้อความขับไล่คนใช้ IE แล้วลองรันใน IE ดูครับ

[iannnnn]

เอากันให้ตายว่างั้น

[iannnnn]

http://www.cssdrive.com/index.php/main/csscompressor/
CSS Drive Gallery- CSS Compressor

เว็บบีบอัด css อีกแล้ว
รู้สึกอันนี้จะดีหน่อย มีให้เลือกหลายรส

[N]

http://www.cssdrive.com/index.php/main/csscompressor/
CSS Drive Gallery- CSS Compressor

เว็บบีบอัด css อีกแล้ว
รู้สึกอันนี้จะดีหน่อย มีให้เลือกหลายรส

มี Advanced Mode ด้วย ของเขาดีจริงๆ

[N]

http://www.w3.org/TR/REC-CSS2/visuren.html

น่าอ่านเหมือนกันนะนี่ 

[K.]

http://www.w3.org/TR/REC-CSS2/visuren.html

น่าอ่านเหมือนกันนะนี่ 

งงครับ
อ่านไม่รู้เรื่อง(อังกฤษ)

[N]

ไม่แน่ใจนะครับว่าเคยมีใครโพสต์ไว้หรือยัง
สุดยอดเว็บรวมบั๊กใน IE ... คนทำเว็บระวังกันด้วยนะครับ
http://www.positioniseverything.net/explorer.html

ป.ล. เว็บนี้ผมก็ชอบเหมือนกันครับ มีข้อมูลเกี่ยวกับเบราเซอร์เกือบทั้งหมดเลย
http://www.webdevout.net/browser-support-css

[ekn8]

โอ้วววว Dt ข้อมูลเยอะดีจัง