File Input accept Attribute
The HTML5 revolution provided us several simple but important attributes like
placeholder. There's another one you may want to know about:
accept attribute is useful for
input[type=file] elements. Let's have a look at it!
I'll use Twitter's upload button to illustrate a good usage of the
<input type="file" name="media_empty" accept="image/gif,image/jpeg,image/jpg,image/png,">
accept attribute gets a comma-separated list of mime types for files desired file types. In this case, Twitter is allowing the user to upload common image formats.
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
Before we start, I want to say thank you to David for giving me this awesome opportunity to share this experience with you guys and say that I'm really flattered. I think that CSS animations are really great. When I first learned how CSS...