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)

Responsive Design’s Dirty Little Secret

Responsive Web design, as defined by Ethan Marcotte, consists of a fluid grid, fluid images and media queries. Different browsers have different methods of calculating widths for percentage based layouts. Browsers have to translate percentages into actual device pixels to fit in the viewport and this can cause problems. This article describes the potential problems and offers solutions…

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