In this article you will take a standard form in TTF format and optimize it for the modern web so that it loads a lot faster and the user experience is more acceptable for most people on bad connections. Going from start to finish is a six-step proce...
If you try to take care of your visitors by making your website fast and light, you probably measure its speed using some tool. Chances are you use one of these free tools: Lighthouse WebpageTest PageSpeed Insights Today I will show you how to: Ru...
Webpack is a powerful tool. Back in the day, it had a reputation of being hard to learn and hard to use. Nowadays, it has excellent documentation, sensible defaults, plugins, and loader - all this to help you keep your config small while achieving gr...
Marketing forms are often connected to a third-party system to help the marketing team provide faster and more accurate responses. We integrated our contact page with Slack, HubSpot, SendGrid, and emails. Whenever someone fills in the form, we notify...
If you are checking your website's performance using Lighthouse, you might have noticed that one recommendation is to use "Serve images in next-gen formats" and by that, they mean WebP. According to Google, if you compress PNG images, you will save 2...
TLDR: If you reduce your critical path size from 90 to 60 KB, it's good, but not all that great from a networking perspective. But going from 42 to 40 (especially on slow connections) might be more prominent. Always look at the cheat sheet and try to...
If you've been in the field of front-end development long enough, you might remember layouts made out of tables, hover states made using inline JavaScript, visitor counters, and the AltaVista search engine. CSS was much more primitive during that tim...
A couple of days ago, Webpack 5 was released. Webpack is such a great tool that we decided to upgrade it on our documentation site with the hope of finding and fixing some bugs to give back to its incredible community. We did not find any bugs, but ...
This post was inspired by "Stop Using Fixed Headers and Start Using Sticky Ones" by Luis Augusto, where he explained why position: fixed is an inferior way of sticking headers. Problem I want to add one tip for anyone doing sticky/fixed headers while...