Making a move with CSS3 animations
A fantastic introduction into CSS animations. (By the way, in case you’ve missed it, CSS3 animations are supported in Opera 12).
Issue #6
CSS3 animations, typography in responsive design, practical guidelines for writing CSS and more
Handling typography for responsive design
In responsive design, when overall layout scales, the type should scale as well. Here’s a good idea on how to make this happen.
Opera Mobile Emulator build with experimental WebKit prefix support
Opera is implementing selected WebKit prefixes. Read this and find out what exactly this means for you.
Some Practical Guidelines For Writing CSS
There are some really good advices in here. You really don’t want to miss them.
CSS3 Structural Pseudo-class Expressions Explained
If you’re puzzled by “nth-child(3n+4)” in CSS3 pseudo-classes, you must read this article.
Automatic line breaks in narrow columns with CSS 3 hyphens and word-wrap
Hyphenation can be particularly troublesome in responsive design. However, there is a solution (very well explained in this article).
Pure CSS scrolling shadows with background-attachment: local
A real use-case for background-attachment:local. You are familiar with background-attachment:local rule, right?
The single responsibility principle applied to CSS
One of key factors involved in building big, scalable front-ends is sensible and generous use of abstracted classes. Single responsibility principle is a method that will help you achieve this.
Until next week
Happy trails,
Zoran Jambor
CSS Weekly YouTube Channel
Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.
Baseline Status for Video
A handy online tool that will let you easily show Baseline Status in your videos.