Off Canvas
A multi-device web layout pattern explained from conceptual and technical point of view. Very useful technique (that will surely become very popular).
Issue #1
Off Canvas, CSS Position Values, Content Folding, CSS3 Attribute Selectors and more
Quick Overview of CSS Position Values
Chris Coyier explains different CSS position values in detail. If you’re (kind of) new to CSS, this is the video you should watch.
Content Folding
Another fine article about CSS3 regions. This might be go-to solution for responsive design (when browser support improves).
CSS3 Attribute Selectors: Substring Matching
Attribute selectors are slow (not as slow as in JavaScript, but still), but they can be quite useful; master them, you won’t be sorry.
Device-Agnostic Approach To Responsive Web Design
Breakpoints in responsive design should be based on content, not on device sizes. It’s as simple as that.
Image Sequences: Let Me Count The Ways
A pure CSS (SASS) technique and two JavaScript techniques. One of these methods will surely meet your wants and needs.
CSS3D Clouds
Cloudy experiment created with CSS3 and a bit of JavaScript. Have a look (you might be impressed).
Optimising Animations and Transitions
Daniel Eden explains how to fix flash of aliased text bug in webkit browsers and how to achieve more realistic CSS3 animation movement.
Sass and Media Queries: What You Can and Can’t Do
SASS doesn’t play nicely with media queries (in all situations). To find out exactly what can cause a problem, read this article.
Until next week
That’s about it for issue #1. I hope you’ve enjoyed it.
Happy trails,
Zoran Jambor
CSS Stickers
A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.
Baseline Status for Video
A handy online tool that will let you easily show Baseline Status in your videos.