Issue #30

October 24, 2012

The number 30 is in some cultures considered to be a magical number. People from these cultures would, therefore, surely think that this is a magical issue. But oh boy would they be wrong. This is just an ordinary CSS Weekly issue, full of CSS goodness.

Headlines

Splash Vector Graphics on your Responsive Site

Alex Danilo

Alex Danilo shows a few basic fundamental uses for SVG and explains why SVG is format probably the ideal choice for line drawn artwork.

Fonts, fabulous fonts: How to use the @font-face rule with popular font services

Janine Warner

Google Web Fonts, Font Squirrel and Typekit are the most popular font services; if you want to find out how exactly each of these services works and what the main differences between them are, this is definitely an article for you.

Articles & Tutorials

How to Create Full-page Animations Using CSS

Charilaos Papadopoulos

CSS Transforms and CSS Animations are two powerful feature-sets that enable richer and more immersive Web experiences. With a small amount of effort you can create Web pages (even static ones) that provide a fluid and almost app-like navigation experience.

IE10 Snap Mode and Responsive Design

Tim Kadlec

IE10 should be officially released in a few days. With that in mind, you might want to check your beautifully crafted responsive sites, because they are likely to break in certain Metro mode situations. Tim Kadlec explains the problem (and solution) in detail.

Using Sass source maps in WebKit Inspector

Lennart Schoors

Debugging Sass can seem a bit complicated and hard at first. But, if you turn on Source Maps in Chrome, or FireSass in Firefox, your struggles will come to an end.

How To Vertically Center Unknown Rows Of Content Inside A Fixed Container

Steven Bradley

Probably everything you ever wanted to know about vertical centering of the content with or without JavaScript (but without using CSS3 Flexbox Layout Module).

Clearing Floats: Why is it Necessary Even in “Modern” Browsers?

Louis Lazaris

A basic introduction into floats. If you’re having problems with them (or if you’d like to refresh your knowledge), this is an article for you.

Getting Good with Javascript

As a front-end developer (if you’re working with CSS you are a front-end developer, make no mistakes about that), you need to be at least familiar, if not very well versed in JavaScript.

Admittedly, starting to learn JavaScript can be a bit hard and thus it’s tempting to jump into a library that will make your work a lot easier. Don’t do it just yet. Andrew Burgess explains all JavaScript core concepts in digestible chunks with very good examples.

If you’re making your first steps in JavaScript, or if you want to reassess your basic knowledge, this book is a must read.

Buy on Amazon
Book Homepage