Sometimes you'll find yourself with a set of tasks that require similar code for different models. For example, if...
Web forms can be made much more usable with a few HTML attributes. Short summary: type: Tells browsers about the...
# Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and...
Embedding videos on a website is very easy, add a tag to your source code and it just works...
TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...
Mobile Chrome and Safari support the "web share API" which allow you to use the native share functionality of an...
The 90s are calling: they want their tables back. Unfortunately, you need them all for laying out your HTML emails...
If you want to make a screenshot of a website that works well in print or on a high-DPI...
You should prefer native promises to jQuery's Deferreds. Native promises are much faster than their jQuery equivalent. Native promises...
Imagine the following HTML structure, where the scrolling container has overflow-y: scroll: +--scrolling container+-+ | | | +-child element+----+ | | | ++iframe++ | | | | | | | | | | | | | | +-----------------------+ | | | | <-- actually cut...
iOS Safari tries to be helpful and enlarges some(!) texts when you turn to landscape mode. In precise CSS building...
On OSX (real or inside Browserstack), you need different keystrokes for your favorite special characters than you'd use on...
I had an issue with icons from an icon font aligning differently on Linux, iOS and Windows (seemingly browser-independent...
Note This card does not reflect the current state of lazy loading technologies. The native lazy attribute could be used...
You can make both mobile Chrome and mobile Safari display a native app install banner. The banner suggests that the...
You can do so much more than console.log(...)! See the attached link for a great breakdown of what the developer...
When you don't only have a favicon.ico in your project but also PNGs of different sizes and backgrounds, you...
Safari on iOS accepts an apple-touch-icon favicon that is used for stuff like desktop bookmarks. Always define a...
As you know, assignable_values does not invalidate a record even when an attribute value becomes unassignable. See this example...
Icons Sizes for Windows, MacOS X, iOS, Android and Linux. It's a mess!
Font Awesome 4 has renamed all icons. What the fuck. Check the attached link for an icon list for the...
When two elements with display: inline-block are sitting next to each other, whitespace between becomes a space character.
The ipad onscreen keyboard changes position:fixed style to position:static that misplaces those elements and you'll have problems...
Mobile browser's ignore the autoplay attribute on and elements. Stupid reasons include saving mobile bandwidth on behalf of the...