Universal overflow: auto;

Universal overflow: auto;

Greg Smith isn't advocating we start just slapping on * { overflow: auto; } into all our existing projects. But if we start a project with this, there are a number of advantages, like not needing to use...

#

Author:

Category: CSS

Tags: , , ,

SVG `symbol` a Good Choice for Icons

SVG `symbol` a Good Choice for Icons

You could design an icon set where the icons all had the exact same aspect ratio. But that's probably not typically going to be the case. ...

#

Author:

Category: CSS

Tags: , , ,

SVG `text` and Small, Scalable, Accessible Typographic Designs

SVG `text` and Small, Scalable, Accessible Typographic Designs

Let's say you designed something with custom fonts that was a little bit fancy. ...

#

Author:

Category: CSS

Tags: , , ,

Ideas Behind Responsive Emails

Ideas Behind Responsive Emails

Say you've designed an HTML email with 3 columns. Because of limited and weird CSS support in email clients , email design is done with tables. That 3 column design looks great on large-ish screens, but it squishes...

#

Author:

Category: CSS

Tags: , ,

Script-injected “async scripts” considered harmful

Script-injected “async scripts” considered harmful

Async is still cool ( <script async src="script.js"> ), but the one where you create a script element with a src and inject it isn't anymore. ...

#

Author:

Category: CSS

Tags: , ,

SVG `use` with External Source

SVG `use` with External Source

Inline SVG is an awesome way to use SVG because, among other reasons, the individual shapes that make up the graphic can be scripted and styled. The shapes are right in the DOM. ...

#

Author:

Category: CSS

Tags: , , ,

The Dangers of Stopping Event Propagation

The Dangers of Stopping Event Propagation

The following is a guest post by Philip Walton ( @philwalton ). He is going to explain why stopping event propagation isn't something you should do lightly, and probably something you should avoid altogether...

#

Author:

Category: CSS

Tags: , , ,

Updated Flexbox Guide

Updated Flexbox Guide

Worth mentioning here: I updated the Complete Guide to Flexbox here on the site that Hugo Giraudel originally helped me with. The idea was to have the complete set of information there, but quickly get to the references...

#

Author:

Category: CSS

Tags:

jQuery with CoffeeScript

jQuery with CoffeeScript

I don't always write CoffeeScript, but when I do, I'm probably using jQuery too I always forget the syntax for stuff. So I'm going to write it all down here so I can reference it until I memorize...

#

Author:

Category: CSS

Tags: , ,

Tips for Creating Accessible SVG

Tips for Creating Accessible SVG

Léonie Watson with a much-needed reference on how to do a good job with SVG accessibility. A couple of takeaways: 1) Use it, the sharp clarity of SVG is good for low vision folks. ...

#

Author:

Category: CSS

Tags: ,