Print continues to be treated somewhat cursorily by most Web designers, who tend to be obsessed with pixels rather than printers. In the real world, a significant portion of people rely on pages printed from websites for reference: there’s still something about having a physical sheet of paper in one’s hands, even in this age of digital saturation.

A small collection of useful CSS techniques and a quick reminder that print style sheets are still a thing.

We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

How to make a short block of text center-aligned but left-aligned when it's longer. Use `text-align: center` on the container and `display: inline-block` on the text container.

There are many possibilities for modal overlays to appear. Here are some modern ways of showing them using CSS transitions and animations.

The CSS property vertical-align has some seemingly mysterious rules at work. This article forces them to show their true color.

A freshly updated icon font set that you can use with CSS on your next Foundation project.

Icon fonts for web designers with added flexibility, including multiple button shapes and a unique multi-color option. Free and open source, Stackicons-Social includes finely-crafted icons for over 60 social brands. The Stackicons project is by Parker Bennett, a web designer and front-end developer based in Los Angeles.

SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.

Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed quite a bit over the past few years, hence the "Old" and "New"

I think it’s important to publish what you learn. There’s really no school for front-end development. You can’t go to a university for a JavaScript degree or a class about how browsers work. Most of us learn from blogs and Twitter. Early in my career, I learned a bunch of things whenever I worked on a project, but I never told other people about them. So my general advice is to publish what you learn, share with the community, and collaborate on projects that help move the community forward.

Awesome.

Demystifing Nth-Child in CSS - From NealGrosskopf.com

As Paul Irish put it, ‘Some of the finest research and writing about HTML & CSS & JS.’

‘There are some particular findings that are pivotal to issues such as readership and readability and comprehension, which is really what body copy is all about. If people won’t read it, or if they can’t read it or understand it, then what’s the point of having it?’

‘This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.’

DesignBombs is an online publication that aims to provide well-researched guides, in-depth tutorials, exclusive deals, and other useful content.

Change the tap highlight color in WebKit Mobile-using devices (many of them).

Looks at your CSS and tells you what's wrong with it.

Deep inspection of hasLayout, the cause of most 'IE bugs'. Last updated 2008.

Return to this. A good set of standards, including some things that I wasn't aware of and would like to implement.

“Lifted corners, Curled corners, Perspective, Raised box, Single vertical curve, Vertical curves, Single horizontal curve, Horizontal curves, Rotated box”

Sounds stupid and listy but it's actually a good introduction to some of the more useful and practical pieces of the huge insane HTML5 Boilerplate (html5boilerplate.com).

Jury's out on how much this really matters in 2010, but still a great set of tips.

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."

How to make an background image scale without using a ton of JavaScript.

What 'the web' actually is, and why building desktop-class applications on it is not what it was built for.

Using CSS to detect device size (for things like iPads and iPhones).