Tag: CSS

What No One Told You About Z-Index

The problem with z-index is that very few people understand how it really works. It’s not complicated, but it if you’ve never taken the time to read its specification, there are almost certainly crucial aspects that you’re completely unaware of. This is a terrific article to read if you ever write a line of CSS. […]

Posted: January 16, 2013

An Advanced Guide to HTML & CSS

An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills. I’m sincerely impressed by this project. Not only is the design […]

Posted: January 15, 2013

Using CSS3 Pseudo Elements and Box Shadows Instead of Images for HiDPI Geometric Shapes

HiDPI in Web design is kind of a double-edged sword for a front end developer. We now have two nearly separate environments (in some cases) that need attention. That sometimes results in double the style rules, double the image assets, and feature detection. Addition of anything is often the opposite of what we try to do, so it’s important to be as smart as possible when approaching management of HiDPI assets and styles in our projects.

Posted: January 14, 2013

All you need to know about CSS Transitions

CSS3 is, quite frankly, a Really Big Deal. It hit me like a ton of bricks a couple projects ago just how much faster I'm able to develop on the front end thanks to CSS advancements alone. Depending on whether or not you bundle font-face within that we're pretty much made in the shade at […]

Posted: January 10, 2013

Rethinking WordPress Admin

The WordPress admin seems to be a hot topic for a wide range of people. Personally I've always been of the side that I really like the admin, find it easy to use (especially in comparison with other CMSs), and think it does a good job in facilitating the work you're trying to get done. […]

Posted: January 10, 2013

Adapting your WebKit-optimized site for Internet Explorer 10

Adapting your WebKit-optimized site for Internet Explorer 10. It’s too bad that articles like these need to get written but hopefully the trend of using WebKit-specific vendor prefixes fizzles out quickly. Either way, it’s neat to get a detailed look at the ground IE10 has covered.

Posted: November 21, 2012

CSS Architecture

CSS Architecture | Appfolio Engineering. CSS is an honest-to-goodness art form. Well written CSS, like a well written piece of software, is a beautiful thing. I’ve been embracing the SMACSS approach like crazy since reading the book and found that it’s had a huge impact on streamlining and stabilizing my style layer. I don’t feel […]

Posted: November 20, 2012

Responsive Menu Concepts

Responsive Menu Concepts | CSS-Tricks. This is a nice look at some responsive menu patterns that have bubbled to the surface to date. Navigation remains to be one of the most important elements in Web design and the inclusion of RWD raises the bar on complexity quite a bit. There are a number of patterns […]

Posted: November 20, 2012

OOCSS + SASS = The best way to CSS

OOCSS + SASS = The best way to CSS by Ian Storm Taylor. I’ve been thinking about this very topic a ton lately. I love writing Sass, and OOCSS does in fact ring a bell with me, but there are little nuances here and there that bring up cons for each. One that I’ve been […]

Posted: October 17, 2012

The magic of “overflow: hidden”

The magic of “overflow: hidden” — Articles — Colin Aarts, freelance web developer. By far one of the most useful properties in my collection is overflow:hidden. There was a time where I’d simply use it “because it worked before” but as with everything it’s important to understand why it works. This is an older piece […]

Posted: October 16, 2012