Bulletproof Email: HTML5 and CSS3

html5-css3-header-690x362
“You can’t use HTML5 or CSS3 in email.”

Due to their “limited” support, this is a commonly-held notion throughout the email design industry. However, we’re calling it a complete myth.

While support certainly isn’t universal, many of the leading email clients support HTML5 and CSS3. In fact, about 50% of the total market and 3 out of the top 5 email clients support them. Support may be even bigger for your particular audience.

Continue reading “Bulletproof Email: HTML5 and CSS3″

Design Tools at Instagram

Screen Shot 2014-12-18 at 9.52.18 AM
Let’s face it, as designers, we waste a LOT of time on menial tasks. For us at Instagram, filling out a PSD or Sketch file requires a lot of manual labor. You know the process: make a rectangle in Photoshop, go to the web (in our case, instagram.com), find an image you want to use, drag it into Photoshop, resize and move it into place. Making a grid? Repeat that 15 times and try not to cry.

Continue reading “Design Tools at Instagram”

Everybody scrolls: Article from HUGE

scrolls
Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.

Continue reading “Everybody scrolls: Article from HUGE”

HTML: sticky menus

When position:sticky was the new hotness, Filament Group came out with an excellent polyfill to give the Apple Safari experience to other browsers.

But since that time, sticky has had mixed fortunes. Apple still encourages it and Mozilla adopted it, but since the switch to the blink engine, Google Chrome has dropped it while they focus on squeezing scrolling performance from their render pipeline.
Meanwhile, IE doesn’t look likely to adopt it. With patchy support, you’d think it would die out, but I find more and more reasons to have this sort of behaviour.

Unfortunately the filament group polyfill was built for a specific user case. There’s no support for elements hitting the bottom of a container and sticking there, so more awkward use cases like a sticky sidebar are not possible.