Tagged: web development

Breaking down a CSS ruleset into its individual component parts.

A detailed guide to making Ajax calls with Fetch.

The majority of websites are still anywhere in the range of 15–18px.

Apparently, that’s too small. Interestingly, this site currently has a body text of just 13px. Admittedly, it’s probably a little too small, but I like it, and that’s all that matters.

The jury has spoken: performance, conversion, and brand engagement are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions with every second of performance improvement. Any online shopper will tell you that faster is better than slower — but is speed as simple as the shortest distance from point A to B?

A look at the importance of perceived speed and how it can help to increase user engagement.

Stickybits is a lightweight (<2KB) alternative to position: sticky polyfills that works perfectly for things like sticky headers.

In the past, I’ve had trouble using sticky headers — I’ve never managed to get them to work consistently well in Safari on iOS. I’ve only done some limited testing, but Stickybits seems to work pretty well.

A detailed guide for creating browser extensions using web technologies (HTML, CSS, and JavaScript).

Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos. The average size is 600 bytes. The logos are 400×400 & have a 512×512 viewbox. They will scale up and down to suit your needs.

Tiny social icons, handcrafted with InkScape. What’s not to love?

The audience can expect to learn hidden DevTools secrets but also how to adopt a modern development and debugging workflow. This talk is important for any web developer who wants to understand and debug the internals of a webpage quickly and with ease.

I love DevTools.

An outline of how I used Indieweb technology to let Twitter users send @mentions to me on my own website.

A good write-up detailing how to add webmentions to a WordPress site.

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.

I don’t use tabs all that often, but I like the look of this, the animations are clean and well executed. Note, powered by Velocity.js.