background preloader

CSS

Facebook Twitter

How to use Text Shadow /w CSS3 - The Portfolio of Ali Hitch. ZEPPELIN is an experiment trying to create a glass... CSS layouts. Here are a range of CSS responsive HTML and CSS layouts – including one, two and three column layouts. All layouts are ready to use – as is – with folders, dummy AppleTouch icon, dummy favicon and CSS files in place. All layouts are FREE to use as needed and can be downloaded directly from Github. Simple responsive layouts One-column fixed-width responsive layout View layout Download from Github One-column full-width responsive layout View layout Download from Github Two-column full width responsive layout View layout Download from Github Three-column full-width responsive layout View layout Download from Github Bootstrap responsive layouts Bootstrap kickoff template View layout Download from Github Bootstrap kickoff template with image logo View layout Download from Github Bootstrap kickoff template with responsive type View layout Download from Github Bootstrap blog post template with right sidebar View layout Download from Github.

One list, many options - Using CSS and a simple list to create radically different list options. CSS Templates. CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste. CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste By now you’ve probably seen enough lengthy CSS3 tutorials to last a lifetime. You’re probably starting to become familiar with what CSS3 has to offer and are ready to move past basic theory and see some practical design examples that you can copy and paste right into your code without without wading through tons of commentary.

Well you’re in luck because that’s exactly what we have for you today! Below you’ll find seven fun and attractive CSS tricks that you can grab and insert right into your own projects and customize at will. Keep in mind that since this stuff is still cutting edge, older browsers won’t support most of it. I’ve tried to ensure graceful degradation where possible so that you can provide a working experience to all users and a better experience to those with using webkit. Letterpress Insetting text is fairly simple in CSS. To start off, fill your text with the darker shade of your background color. The HTML The CSS.