The EMs have it: Proportional Media Queries FTW!

A core tenet of Responsive Web Design (RWD) is fluidity and proportion. Instead of using fixed-width layouts, we enlightened web devs and designers use percentages in our CSS. Font units aren’t pixels or points anymore, they’re percentages…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

box-shadow vs filter: drop-shadow

This post is about the drop-shadow filter. You may have looked at it and thought “this is pretty much the same thing as a box-shadow” right? Well, not exactly. The big advantage of the drop-shadow filter is that it acknowledges the outline and transparency of an element…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Understanding the CSS3 Flexbox Flexible Box Layout Module

CSS 2.1 gave us 4 layout modes: block, inline, table and positioned. ‘Flexbox’ will work in addition to those. If you’re into responsive web design this should interest you as the contents of a flex container can have their display order reversed or rearranged within your CSS file. In other words, it doesn’t matter what order the source code is in as the visual order can be changed using CSS…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Circle Hover Effects with CSS Transitions

If you have a modern browser, check out this impressive tutorial that shows a variety of hover effects on circles. Uses border radius to create circular thumbnails and then uses CSS transitions and animations to create some interesting hover effects…

VN:F [1.9.22_1171]
Rating: +2 (from 2 votes)