A rather geeky/technical weblog, est. 2001, by Bramus
Great read on how a few YouTube engineers bypassed the internal Google politics in order to abolish IE6 from their list of supported browsers: One idea rose to the surface that quickly captured everyone’s attention. Instead of outright dropping IE6 support, what if we just threatened to? How would users react? Would they revolt against …
Continue reading “A Conspiracy To Kill IE6 — How YouTube got rid of IE6 for us”
Next to praising the AV1 Codec and providing conversion examples (using ffmpeg), Andrey Sitnik also gives a good overview on containers and codecs – concepts every web developer who embed video should know imho – in his post on the subject: File extensions for video (.mp4, .wmv, .webm or .mov) barely represent containers. When you …
Illustrated.dev holds a collection of awesome illustrations on Web Development by Maggie Appleton: Most of these explainers are about JavaScript fundamentals. Because those never go out of style. But I’ve also made a few on newer tools like React, Babel, and D3. I make these because the front-end world is overflowing with confounding things to …
Continue reading “Illustrated.dev explains web development through illustration”
[loading="lazy"]Addy Osmani, on an upcoming web feature which is about to land in Chrome 75: The loading attribute allows a browser to defer loading offscreen images and iframes until users scroll near them. loading supports three values: lazy: is a good candidate for lazy loading. eager: is not a good candidate for lazy loading. Load …
Continue reading “Native image lazy-loading for the web with [loading="lazy"]“
Interesting take on bundlers: Over the last several years, JavaScript bundling has morphed from a production-only optimization into a required build step for most web applications. Whether you love this or hate it, it’s hard to deny that bundlers have added a ton of new complexity to web development – a field of development that …
Don’t fiddle too much with your forms‘ look and feel. A small innocent-looking piece of CSS, even when combined with semantically correct HTML, could leave you with a degraded User Experience and make your forms less Accessible.
select element
Scott Jehl, from Filament Group: The select element has long been difficult to style consistently across browsers. To avoid its shortcomings in the past, we have used workarounds like styling a parent element, adding pseudo-elements, and even using JavaScript to construct a select-like control out of different elements that are easier to style. But workarounds …
Jeremy Keith, on Separation of Concerns and how that comes into play where one’s dealing with Component based design: My point is this: Separating structure, presentation, and behaviour is a good idea. Separating an interface into components is a good idea. Those two good ideas are not in conflict. They work best when they’re done …
Use case by JonLuca De Caro in which he optimised the page load speed of a static site. Before optimisation the site weighed 1MB (at 20 requests) with DOMContentLoaded at 3.74s. After optimisation the site weighed only 267kB (at 9 requests) with DOMContentLoaded at 197ms. 10x Performance Increases: Optimizing a Static Site →
ngrok – Public URLs for exposing your local web serverTo make a local server available to the outside world you could use a service like xip.io. Only problem is that xip.io doesn’t play that nice with firewalls and stuff like that. Recently I used ngrok to solve just that. When started the app creates a tunnel to the ngrok servers, and makes your local …
Continue reading “ngrok – Public URLs for exposing your local web server”