'

CSSrefresh, automatically refresh stylesheets as soon as you save

CSSrefresh

If you’re like me, obsessed with the minimal, meaningless detail specially when it boils down to refine stylesheets, you likely prove mastery over the subtle art of typing and switching from the editor to the browser while pressing the Magic Combo Command + R so fast that even Flash Gordon would be confused watching you. Well, relax. They found a [...more]

Gmail Navigation in pure CSS3, how does it work?

Gmail Navigation in pure CSS3, without Javascript

We could call it a trend. If you take a look at the Gmail navigation, and then at the way buttons are styled on YouTube, you’ll start noticing similarities. When you over the navigation menu, the item you’re passing over slightly protrudes inviting you to perform the click. Once you comply, the item moves backward, simulating the pressing on a [...more]

HTML5 Boilerplate, IE7 & 8, LESS and how to make those things effectively work

HTML5, Boilerplate, fallback, Internet 7 and 8, and some notes about how LESS can simplifies the whole thing. Totally fascinated with HTML5 and the new possibilities it offers I’ve started writing down a new personal framework to be used as fundamental to themes I’m producing for WordPress. The feeling is great, motivation very high. I decided to get inspiration from [...more]

Keep your CSS in order, for your own good

Start now to keep your CSS in order: you'll thank youself sooner than you may expect!

Commenting and titling your code may seem superfluous to a beginner, but sure like taxes if you keep going designing website you will have to come back to old projects. More than that, when other designers open your code, necessarily they need to understand what you did and how. Perhaps also why. The sooner you’ll tune your syntax, the more [...more]

Pure CSS3 Sliding Menu in the Sidebar

Pure CSS3 Sliding Menu in the Sidebar

Sure you can use jQuery to fancy a sliding menu. But what about doing the same thing using purely CSS, keeping so the whole website lighter and faster? Wouldn’t be a better approach? In this quick tutorial I explain how to create the same effect I achieved in the sidebar of this website. A sliding menu, made of pure CSS3. [...more]

CSS3 selectors you should know as your pockets, part one

Digging into CSS3, this article exposes few new selectors, priceless resource to keep our CSS clean, while still keeping a precise control on the HMTL. Looking for ways to optimize your CSS? This article may help. Selectors and pseudo classes are in fact what makes a Cascade Style Sheet effective, linking it to the various elements in the HTML. Being [...more]

5 CSS3 properties you need to master about Background, Corners and Shadows

CSS3 Properties, Box Shadow, using the box-shadow property to clone objects

A quick review of few basic CSS3 properties, with examples and tips about how could we use them in elegant ways. Inspired by articles and trublematics about CSS3, I decided to sum up and I’ve been pleased to discover I can add few tips on the topic. Even if we should be aware that still the majority of the users [...more]

Showing the grid while developing using the CSS property opacity

While developing magazines (but not just), is essential for me to have a grid super imposed upon the layout, so when things decide to go wild, I catch them on the flight. As my gran ma was used to say… “I want it quick and I want it easy” So I did a really little bit of coding, to use [...more]