Posts Tagged ‘css’

Roots Theme—HTML5+Responsive Design+more

Roots Theme

Responsive Design CSS So I have been looking a lot at Responsive Design. If you are not familiar, my brutish summary is: Fluid layouts are (a) manageable, (b) cool. You can use the CSS @media queries feature to rearrange elements on your page layout, based on different window widths, and this means making things easier [...]

Rundown of Web Design things Designers Might Not Think Of

Here’s a simple list of things that a designer should think about when designing a website comp, but my not consider. If you find some way to indicate your choices for these things in the comp, it makes it much easier for the coder (e.g., me) to work with and know exactly what you need. [...]

Anatomy of a WordPress Theme (for Designers)

I would like to make this post so that designers who are not as familiar with designing for blogs can see some of the facets of design that are required to cover all the bases when designing a WordPress theme. First, here is a the screenshot (small) of the entire example page. Click on it [...]

New Google Fonts API Experiment

(Note, if you are viewing this on the main blog page .. To see this with its Google font magic, you have to go to the post page, here.) This is pretty badass, IMHO. This text is 100% selectable, live text. From code.google.com/apis/webfonts/docs/getting_started.html#Quick_Start: So that’s all I’ve done here. This text is fully selectable! I’ve [...]

CSS3 Gradient Buttons [link]

I admit it: these are really cool. www.webdesignerwall.com/tutorials/css3-gradient-buttons/ As I look more into CSS3, I begin to see the possibilities. Add these to your menu of what’s possible and easy for your coder. Of course, some of the examples do require progressive enhancement (read: not all of the features will work in Internet Explorer–particularly the [...]

Smashing post on CSS 3 Options for Internet Explorer

Here’s the link: www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ This really opened my eyes. When you start to think you could really use some of these things, and they would work everywhere, it opens up lots of new ideas. Foremost were: The ability to specify background gradients Rounded corners Opacity Box shadows Transparent colors Thanks to Louis Lazaris for opening [...]

Resolution-Specific Stylesheets

Chris Coyer of CSS Tricks has an article about resolution-specific stylesheets (here). I think this is a duh moment for me, when I saw this–that is, of course this is a great idea! The basic concept is, design different stylesheets for different browser sizes: large screens, smaller screens, and mobile screens. Chris’ article is rather [...]