Content

Visual communicator / logbook & brain bin

File: CSS

2011-07-28 :: Asgeir // CSS
CSS3 ribbon effect

This wrap-around banner effect contains no unneccessary markup, and uses padding + negative margins to align the content with its parent element. The illusion of depth is achieved by using the :before and :after selectors. The triangles are created with border corners, where an opaque border meets a transparent border. As far as I know, [...]

 » Read the rest

How to create iPad specific CSS with media queries.

Tagged: »

2 comments  » Read the rest

Adobe and Typekit are teaming up to bring some of the world’s most popular, recognizable, and respected fonts to the web. Starting today, you’ll be able to use classics like Adobe Garamond, News Gothic, Myriad, and Minion plus many more on your website — all of them newly optimized and hinted for the screen. I [...]

Tagged: »

 » Read the rest

2010-08-04 :: Asgeir // CSS
CSS3 media queries in older browsers

css3-mediaqueries-js is a small javascript library that gives you support for CSS3 media queries in older browsers, including IE5+, Firefox 1+ and Safari. Newer versions of Firefox, Opera, Safari and Chrome already offer native support. If you are unfamiliar with media queries, I suggest reading Ethan Marcotte’s article in a recent issue of A List [...]

Tagged: »

1 comment  » Read the rest

Ryan Seddon, also referred to as the CSS Ninja, has created some impressive custom radio and checkbox inputs with pure CSS. The technique, which he posted late last week, is using some nifty selectors and pseudo-madness to detect input state, and swap the original inputs with images from a sprite. The new inputs are actually [...]

Tagged:

 » Read the rest