HTML - Leonid Mamchenkov

(looking over a colleague’s shoulder) If more peop…

(looking over a colleague’s shoulder) If more people edited HTML via the MySQL command line tool, the world would have been a better place.

DevDocs.io – a local cache of searchable documentation

I’ve heard about this project for a while now, but tried it only today. This blog post left me no options. And I’m glad. Because DevDocs are absolutely awesome!

Front-end Developer Interview Questions

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

Safe display of external images in Gmail

Official Gmail Blog lets us know that the latest update to Gmail now safely shows external images. Most other email programs and services disable image show by default, because these can either contain all kinds of malware, or they can be used for tracking. Gmail solves it now by downloading those images and serving them to users from its own servers.

But thanks to new improvements in how Gmail handles images, you’ll soon see all images displayed in your messages automatically across desktop, iOS and Android. Instead of serving images directly from their original external host servers, Gmail will now serve all images through Google’s own secure proxy servers.

So what does this mean for you? Simple: your messages are more safe and secure, your images are checked for known viruses or malware, and you’ll never have to press that pesky “display images below” link again. With this new change, your email will now be safer, faster and more beautiful than ever.

I’m not the biggest fan of HTML emails, but since I have not much choice in this area, I’d rather receive emails with images – at least I won’t be trying to make sense of empty layouts with no text anymore.

Echo – lazy-loading HTML5 images with data-* attributes via JavaScript

Echo is quite handy for web developers. On those pages that feature a lot of images, things can get slow and the server might get too much of an abuse (with more traffic thrown at it). One way to work around this is to only load those images that are in the visible part of the screen. Here is a demo of how it works. Just keep scrolling down and notice how by default you have a blank.gif image shown, with a standard loading indicator and a split second later you see the actual image which was supposed to be in there.

Simple, easy, elegant – and that’s how I like it.