Tag: css3

  • Creating a Realistic Looking Button with CSS3

    Creating a Realistic Looking Button with CSS3Jay Air has a terrific write-up about CSS3 buttons. He goes in depth to show you what he’s doing and why. These are beautiful buttons–less flashy and more realistic than these “super awesome buttons”. CSS3 now has such momentum that markup like this must be in your latest designs.…

  • Cross Browser CSS Transforms – even in IE

    Cross Browser CSS Transforms – even in IEThe dirty little secret of IE is that proprietary MS Filters hide a lot potential behind ugly, smelly code. Today, with so much buzz around CSS3, perhaps we can share some goodness with lowly IE users. User Agent Man has the scoop with CSS that recreates gradients, box-shadows,…

  • This presentation is an HTML5 website

    This presentation is an HTML5 websiteThe coolest HTML5 presentation ever. Download Google Chrome to watch and enjoy.

  • Lucas Garron has recreated the Back to the Future logo in CSS, using @font-face and -webkit-gradients.

  • Tyler Gaw constructed his own kinetic type video. Usually, you have to make videos like this using Adobe After Effects, but instead Tyler uses WebKit CSS properties and some JavaScript. Check it out the “video” and the source code on Tyler’s site.

  • Trent Walton uses CSS3 background-clip text & @font-face to create this fantastic digital poster. Love the cross-hatch pattern used for the text shadow. (via webkitbits, esquareda)

  • WebKitBits: Kevin Decker built a border-image-generating web app for CSS3 Border Images. Read about it then check it out. Border-image currently works in Mozilla and WebKit browsers.

  • Jay Robinson, contributing to WebKitBits: The brilliant Paul Irish built a CSS3 rule generating web app that he calls, “CSS3, Please!” Using automated vendor specific code, you can make box-shadow, gradient, rgba, even rotate, work in IE, Mozilla and WebKit. The great news is that this is merely version 1.0. Read his write-up on PaulIrish.com.

  • Today I built my own Coda interface on our Fasturtle development server. It still needs a few things: dynamic screenshots script (perhaps webkit2png) dynamic resizing of thumbnails with slider page curl effect?