webdu 2012: web developer conference

Show all feed information | Ping Blog Update

Another CSS image replacement technique 2 months ago

A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques. Here’s the CSS behind the recent update to the image replacement helper class in HTML5 Boilerplate . It …

CSS: the cascade, specificity, and inheritance 2 months ago

A brief note explaining the key concepts of the cascade, specificity, and inheritance in CSS. What is the cascade? The cascade is a mechanism for determining which styles should be applied to a given element, based on the rules that have cascaded down from various sources. The cascade takes …

About normalize.css 2 months ago

Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset. Normalize.css project site Normalize.css source on Github Normalize.css documentation …

“Mobile first” CSS and getting Sass to help with legacy IE 5 months ago

Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE. Using a CSS pre-processor like Sass can help. One aspect of a “mobile first” approach to development is that your …

An introduction to CSS pseudo-element hacks 7 months ago

CSS is a versatile style language that is most frequently used to control the look and formatting of an HTML document based on information in the document tree. But there are some common publishing effects – such as formatting the first line of a paragraph – that would not be possible if you …

Quick tip: git checkout specific files from another branch 7 months ago

The git checkout command can be used to update specific files or directories in your working tree with those from another branch, without merging in the whole branch. This can be useful when working with several feature branches or using GitHub Pages to generate a static project site. The …

Mac OS X bootable backup drive with rsync 7 months ago

I’ve started using a backup strategy based on that originally described by Jamie Zawinski and subsequently covered in Jeff Atwood’s What’s your backup strategy? article. It works by incrementally backing up your data to a bootable clone of your computer’s internal drive, …

Better conditional classnames for hack-free CSS 7 months ago

Applying conditional classnames to the html element is a popular way to help target specific versions of IE with CSS fixes. It was first described by Paul Irish and is a feature of the HTML5 Boilerplate. Despite all its benefits, there are still a couple of niggling issues. Here are some hacky …

Responsive images using CSS3 7 months ago

Future CSS implementations should allow for some form of responsive images via CSS alone. This is an early idea for how that might be done. However, a significant drawback is that it would not prevent both “mobile optimised” and larger size images from being requested at larger …

Better float containment in IE using CSS expressions 7 months ago

Research into improving the cross-browser consistency of both the “clearfix” and “overflow:hidden” methods of containing floats. The aim is to work around several bugs in IE6 and IE7. This article introduces a new hack (with caveats) that can benefit the …

Nicolas Gallagher

I work at Twitter · Normalize.css · HTML5 Boilerplate. Previous life: Anthropology and Evolution. ¯\(°_o)/¯ http://nicolasgallagher.com

TIL: Google Analytics (event) tracking seems to fail silently if you push in non-strings.@necolas

London, UK