Category

WEB DESIGN

Category

About the authorFred is editor of soft skills and professional development at Smashing Magazine (save him!) and a software engineer at The Guardian. His interests include … More about Frederick ↬Design often revolves around imagery, but the other senses also deserve love. In this article, we agree on audio features that make websites sing. It’s easy to get hyper-focused on how things look on the internet. There is a lot to look at. You’re watching…

We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too. Today, we’re shining the spotlight on boilerplates and starter kits for all kinds of projects, from static site templates and React/Vue starter kits…

About the authorStefan works in Satisfieddeveloper relationships and quickly fell in love with web performance, new technologies and accessibility. He is also curator of the … More about Stefan ↬Building a faster website can be a rocket task these days. There are so many things to consider, so it’s challenging to get everything right. Here are three lesser known tools that can help you get there. Is every resource properly reduced and compressed? Are all…

About The AuthorAdrian Bece is a versatile fullstack web developer with extensive eCommerce experience who is currently working at PROTOTYP as a technical lead. He enjoys … More about Adrian ↬What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once…

Meet our new book, “Image Optimization”, a deep-dive guide to understand how to deliver high-quality images on the web fast. 528 pages. From formats and compression to delivery and maintenance. Jump to details and get the book right away. Images have been a key part of the web for decades. We interpret images much faster than text, which is why high-quality visuals drive conversions and user engagement. To be effective, all these images need to…

About the authorPrince Chukwudire is a Frontend Engineer who would like to apply the pixel-perfect implementation of user-oriented UI designs and write unit tests to improve code … More about Prince ↬In this guide we will look at the concepts of forward geocoding and reverse geocoding. We will set up a mini-app that applies these concepts to specific locations using Mapbox and Vue.js 2.6.11 to achieve this. Accurate accuracy and modularity are one of the…

Brand Identity for Omsom at Outline Brand Identity for Omsom at Outline Brand Identity for Omsom at Outline Brand Identity for Omsom at Outline Brand Identity for Omsom at Outline Brand Identity for Omsom at OutlineA fiery, fiery food brand with a lot to say and more to serve. Asian entrees launched by two sisters in collaboration with award-winning chefs.Outline’s work for Omsom was inspired by the change that occurred when forces collided, sparked and…

About The AuthorNwani Victory works remotely as a Fullstack developer from Lagos, Nigeria. After office hours, he doubles as a Cloud Engineer seeking ways to make Cloud … More about Nwani ↬Modern browsers provide good support for JavaScript modules, but module bundlers such as webpack stay a critical part of the JavaScript toolchain. Let’s take a deep dive into what webpack is and how to use it in your development workflow. In the early days…

About The AuthorShawn Wildermuth has been tinkering with computers and software since he got a Vic-20 back in the early ‘80s. As a Microsoft MVP since 2003, he’s also involved … More about Shawn ↬Writing large-scale Vue applications can be a challenge. Using shared state in your Vue 3 applications can be a solution to reducing this complexity. There are a number common solutions to solving state. In this article, I will dive into the…

Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric. Cumulative Layout Shift (CLS) attempts to measure those jarring movements of the page as new content — be it…