Tags: css

Code refactoring for America

Committing CSS heresy for more maintainable markup.

Continuum

The web is not a platform.

Pattern sharing

The front-end style guide for Code for America.

Sasstraction

The design of CSS.

Classy values

Semantics and such.

Off-canvas horizontal lists

Sharing a pattern that didn’t quite work.

Strong Layout Systems by Eric Meyer

Liveblogging Eric’s talk at An Event Apart in Atlanta.

A question of style

The only correct coding style is the one everyone is agreeing to use.

Dealing with IE

The hacks we shouldn’t have to do.

Conditional CSS

The results are in. Here’s what you came up with to solve the problem of conditional loading with CSS.

Conditionally loading content

Conditional loading is a great technique for responsive designs but we need a better way of communicating between CSS and JavaScript.

Sharing pattern libraries

I, for one, welcome our new sharing and caring overlords of markup and CSS.

South by CSS

Talking to the browser makers about vendor prefixes.

Prix Fixe

Hyperlinks relating to CSS vendor prefixes.

Media queries and multiple columns

Responsiveness in the second dimension.

Clean conditional loading

Tidying up some code I used in a 24 Ways article.

Re-tabulate

Combining responsive design with CSS table layout to rearrange the display of content and navigation.

Re-flex

Putting content first by combining responsive design with the CSS3 flexible box layout module.

The good new days

Everything new is old again.

Ethan Marcotte: The Responsive Designer’s Workflow

Liveblogging Ethan’s talk at An Event Apart in Boston.

Windows mobile media queries

Solving that pesky Windows Phone 7 problem.

The design of datalist

Have your combo-box cake and eat your select fallback too.

Landmark roles

Extending the semantics of HTML5 documents with some accessibility hooks.

Tweaking Huffduffer

An oEmbed nip here, a responsive design tuck there.

Adfonting

An advent calendar for fonts, complete with responsive layout.

Spacelift

My project at Science Hack Day San Francisco

Responsive enhancement

A responsive refresh of adactio.com that takes progressive enhancement to the next level.

Responsive refresh

Giving the UX London site some extra flexibility.

Delivering Sorrow

The new Salter Cane album is available for your listening pleasure.

A responsive mind

Responsive web design is about more than just media queries.

Continuous partial annoyance

It’s not you, Twitter, it’s me.

The Adoption of Adaptation

The times, they are a-changin’.

Tools of a different trade

Call yourself a web designer?

A site for Science Hack Day

A bit of HTML5 and a slap of CSS3 …for science!

Making Workshops for the Web

Behind the scenes of the latest Clearleft site.

Amperbbreviations

Abbreviations, ampersand cetera

Machine tag browsing

Visualising machine tags on Huffduffer.

Hyphen Nation

Battling the emdashculation of the internet.

The Rise of HTML5

All the cool kids are doing it.

Implementing Design: Bulletproof A-Z

Liveblogging Dan Cederholm at An Event Apart San Francisco.

The Lessons of CSS Frameworks

Liveblogging Eric Meyer at An Event Apart San Francisco.

From Design to Deployment

Liveblogging a presentation by Jon Hicks at The Future of Web Design.

Broken

The default behaviour of Internet Explorer’s new version switching is very, very wrong.

Year zero

Smashing the CSS clock.

Dripping

Oozing liquid goodness.

Cascading calendars

Take my style sheet. Please.

Typing up

Calculating vertical rhythm and horizontal alignment.

New Year’s Resolution

Liquid layouts… no, wait, come back!

The unpushed envelope

Isn’t it high time we started using CSS to its fullest?

Print stylesheets

Some advice for presenting your content on the printed page.

Naked

Dustin Diaz has a lot to answer for.

Wordridden revisited

Jessica’s site has undergone a transformation.