A collection of useful resources from around the internet.

Click menus to the rescue

Resolving the nav-menu ambiguity — (6 min read)

Chances are, you have already seen hundreds of navigations on the web. As with anything UX-related, when they work, we don’t think twice about them, but when they behave unexpectedly, they become one of the most infuriating website elements to navigate. 🤬

A collection of useful resources from around the internet.

Prettify your data

Styling charts with CSS

The biggest challenge a frontend developer can face is displaying data effectively. In fact, it’s the only challenge we face, as literally, everything we do is showing data to the user in one way or another. …

A collection of useful resources from around the internet.

Maximize your image performance

Yet another image optimization article — (6 min read)

It feels like every month there is a New and Improved™ way how to improve your image performance. 🏞

This time Malte Ubl presents some techniques which cover the core metrics of Web Vitals. This is definitely the know-how every frontend…

A collection of useful resources from around the internet.

An addon for everything

Storybook’s Addon ecosystem 2.0 — (5 min read)

Storybook is a widely used testing/development tool, and with such massive community support comes plenty of initiative. It’s no wonder then that there are over 200 public addons able to supercharge your workflow. 🚀

The new Addon Ecosystem 2.0 centralizes all of…

A collection of useful resources from around the internet.

PWAdvent

The Web developer’s advent calendar

PWAs are amazing. 🎉 And they can do a lot more than offline support and save themselves to desktop. Check out PWAdvent to explore the variety of web APIs available to you right now!

Tags: Intermediate, HTML, CSS, JS

Make Lighthouse proud

Guide to optimized font loading —…

A collection of useful resources from around the internet.

CSS Overview Panel

Refactor and improve your stylesheets — (2 min read)

Do you know how many fonts your page is using? Are you sure no hardcoded color outside your palette sneaked into production? What about unused CSS declarations, are there any?

Since the browser has to process all those stylesheets and knows…

A collection of useful resources from around the internet.

BlurHash

A compact representation of a placeholder for an image — (3 min read)

If you are using a tiny blurred version of your image as a placeholder, or even worse, no placeholder at all, then BlurHash might just be the right tool for you.

With BlurHash you can serialize your…

A collection of useful resources from around the internet.

Form design

Best practice, research insights and examples — (7 min read)

In this little write-up, Geri Reid shares her experience with form design, her personal DOs an DON’Ts and some nice tips to improve accessibility and legibility. Keep these in mind the next time you build your inputs, buttons and selects…

A guide to automating the boring parts of project security.

Keeping dependencies up to date is an important, yet oftentimes overlooked aspect of development. As developers, we like to focus on exciting features in our projects, instead of manually updating an ever-expanding list of dependencies. Thankfully some tools can help us with automating this tedious task, one of which is…

Peter Varhoľák

Happiness Manager, Learner, Teacher & Gamer (in that order)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store