CSS

Quick Tip: Fix CSS Filters Creating Blurry Images on Retina

Today, I was using an SVG as a background image with a CSS filter applied to it to create a drop shadow effect, but ran into a bit of a snag. Looking at the site on a retina display the image looked blurry, the exact problem I was trying to avoid by using SVG. This […]

Tips for Writing Responsive CSS

January 2013 Update: I updated the article to include some sample code to illustrate my point after receiving a couple requests. With each project I do, I find ways to write better CSS. This is especially valid for responsive web projects. Today I’m going to share a few tips and things I’ve learned on my […]

The (Crappy?) State of CSS Commenting

CSS commenting sucks. Or so I thought. Last week, as I was debugging some CSS and getting incredibly frustrated at the fact I couldn’t easily comment out lines, I tweeted this: “//” needs to be added to CSS for commenting. #csswishlist — Chris Morata (@chrismorata) April 18, 2012

Quick Tip: Better Accessibility on Form Labels

Here’s a quick CSS snippet to add to your stylesheets to give your users better indicators on form labels. When I declare my form CSS, I used to just add label{ cursor: pointer; } for basic form accessibility, since you would usually have a label associated with a specific field.