Issue #32

November 7, 2012

Headlines

Inspector Web and the Mystery of the Shadow DOM

Angelina Fabbro

Angelina Fabbro explains what shadow DOM elements are, and shows the current state of implementation (including libraries and polyfills for cross-browser niceness).

How to Build a Responsive WordPress Theme with Bootstrap

Zac Gordon

Very, very extensive tutorial. It might not be completely focused on CSS, but it’ll teach you a lot about WordPress, Bootstrap and implementing WordPress themes.

The Nerdery

An interactive production company whose vision is to be the best place in the world for nerds to work. Register for our front-end toolkit prize pack selected by Dan, one of our front-end experts at The Nerdery.

Mission: Impossible – iPad mini detection for HTML5

Max Firtman

One of the biggest questions in mobile world today is how to detect iPad Mini using server-side or client-side techniques. Long story short, you can’t.

How to set inner shadow on text in CSS (in webkit…)

Anders M. Andersen

Although it’s not easy to create inner shadow on text, it is possible. Unfortunately, it’ll only work in webkit browsers as we speak. Still, this is an interesting and inspiring technique.

Methods for Modifying Objects in OOCSS (Extends: A Fool’s Gold)

Oliver Joseph Ash

There are two ways of implementing object modifiers in CSS: extending objects in the CSS, or deferring the work to your HTML and concatenating classes there instead. Oliver Joseph Ash investigates the advantages and disadvantages of using both methods.

CSS3 Flexbox Explorer

Bennett Feely

This is the tool you’ve been waiting for if you’ve ever wanted to explore how CSS3 Flexbox works.

Emmet

Emmet (previously known as Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow:

The Nerdery is looking for talented Front-End developers!

With 40 talented front-end developers in-house, you better believe we’re passionate about our work. We’ve completed hundreds of front-end projects for our partners, from a state-of-the-art website for an ambitious start-up to a responsive design website rebuild for Purina ONE. Apply today.

The Graphical Web Experiment

Adobe has created really impressive demo that showcases not only cutting-edge CSS3 rules, but also a bunch of experimental and up-and-coming HTML5 features as well.