css | Atomic Spin

Web Apps

Selectivizr – Pseudo Selector Support for IE

Internet Explorer has terrible support for pseudo selectors. With Selectivizr, we can make that support a little nicer and do some fun stuff with CSS!

UX/Design Tools

Sprites, Semantics & Scalability: A Demo with Playing Cards

How and why to use css sprites, ems, and percentages — demonstrated with a fully-scaleable CSS/HTML card deck using minimal, semantic markup.

UX/Design Tools

Create Your Own Font Awesome Icons

Font Awesome gives us the ability to use vector icons in web apps with ease. Using Font Custom, we can create our own icon sets like Font Awesome!

Web Apps

Fewer Media Queries & User Agent Checks, Smarter CSS & JavaScript

UX/Design Tools

Getting Around Internet Explorer’s 4,096 CSS Rule Limit

I recently found out that IE can't handle more than 4,095 selectors in a single CSS file. Here's my work-around.

Web Apps

Working with Compass Sprites — Lessons Learned

An introduction to Compass Sprites and its benefits, plus a setup overview and some tips and workarounds.

UX/Design Tools

Using HTML5 Form Validation to Improve User Experience

An introduction to using HTML5 form validation features. Improve the user experience of your web forms and increase user speed and success rates.

Web Apps

CSS3 Transitions – Spicing Up DOM Changes

CSS3 transitions can be a nice addition to web applications when used properly. Here are a few tips on when and how to user them.

UX/Design Tools

Working with Compass Sprites

The problem comes in being able to tweak the positioning after Compass has done its work.

UX/Design Tools

Serving Fonts in Rails 3.1

With Rails 3.1 now here, how do you serve up all the assets for your web apps? This is a brief start to finish on serving up fonts via the asset pipeline.

Web Apps

Using SASS, Sprockets, and Compass with Rails 3.1

Using Sprockets in Rails 3.1 can be a little tricky. It wasn't hard to get Sprockets compiling CSS files from SASS into CSS. However, it became difficult wh

Mobile Apps

PhoneGap with HAML, SCSS, and CoffeeScript

How to create an iPhone PhoneGap application using HAML, SCSS and CoffeeScript instead of HTML, CSS and Javascript.