Responsive Aspect Ratios With Pure CSS

Responsive Aspect Ratios With Pure CSS

One of the hurdles I faced when beginning to work with responsive designs was the lack of an obvious way to assign an aspect ratio to a container in CSS. This kind of thing can be handled with an image placeholder or Javascript, but neither is an elegant solution....
CSS: Equally Spaced Horizontal Elements

CSS: Equally Spaced Horizontal Elements

Sometimes there are things you want to do in your layouts with CSS (Cascading Style Sheets) that you assume would be easy, but as you dive into the coding, it turns out what you thought should work just isn’t cutting it. Equally spacing elements across a...
Smart Design: Image Replacement

Smart Design: Image Replacement

Custom logos and exotic heading fonts… two things that as designers we’re in love with when it comes to website aesthetics. That’s where image replacement techniques come into the picture but when it comes to maintainability, accessibility, and...
Responsive Aspect Ratios With Pure CSS

CSS3 Basics – Rounded Corners

Aaaah, rounded corners. One of those design elements that’s subtle and classy… but that used to mean running to Illustrator or Photoshop to generate, slice, optimize, and export images, merge them into a sprite and then finally place them into their...