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: ,

Winner Winner

Winner Winner

Super group hug and jumping high fives for everyone. I was honored to accept the Outstanding Contribution award for The Net Awards this year...

#

Author:

Category: CSS

Tags: ,

oEmbed Bring Embedded Pens All Over

oEmbed Bring Embedded Pens All Over

oEmbed is a neat little technology that allows for rich content to be embedded into other content very easily. You paste a link to the "thing" and, when published, that link magically transforms into something much more useful...

#

Author:

Category: CSS

Tags: , , ,

Reading Position Indicator

Reading Position Indicator

The following is a guest post by Pankaj Parashar . Pankaj has written here before, last time about the progress element . I'm happy to have Pankaj back, this time to tackle the idea of showing reading progress...

#

Author:

Category: CSS

Tags: , ,