Development
We developed a font loader plugin for Gatsby
In this article, I will explain how I developed a font loader for Gatsby and how to apply it to work with both web fonts and self-hosted fonts.
Development
Improving website performance by eliminating render-blocking CSS and JavaScript
How to improve website performance and achieve great results? This tutorial brings you answers on how to eliminate render-blocking CSS and JavaScript to improve website performance.
Development
Best way to lazy load images for maximum performance
Lazy loading is important for optimizing image loading and therefore improving web performance. This article covers how to implement native lazy loading with fallback for unsupported browsers.
Design
UX lessons learned from eCommerce projects
In this article, I will present a general overview of some of the lessons and UX best practices that I’ve learned throughout my 4-year career working on eCommerce projects.
Development
Improving CSS performance and file size - an in-depth guide
Follow this in-depth-guide and learn ways to improve CSS performance and file size.
Development
Improve your CSS with these 5 principles
We're going to look at the five simple and very effective principles that will take your CSS to the next level.
Development
Optimizing images for the web - an in-depth guide
Follow this in-depth-guide and learn different ways to optimize images for your website.
Development
Implementing Skeleton Loading in React
The idea and concept of Skeleton Loading or Skeleton Screens was introduced in 2013. in this blog post by Luke Wroblewski.
Development
Building Custom React Hooks
React’s official documentation doesn’t cover custom hooks in detail as it covers the basic hooks, so the focus of this article is going to be primarily on building custom React hooks and best practices.
Development
Javascript ES6: Destructuring with default values
This is a short, but very useful code snippet for destructuring variables with default values (if the value is undefined). Very useful snippet for avoiding errors caused by undefined variables. In the following example, the options object is being destructured. const { valFirst = 1, valSecond = "hello", valThird = false } = options;
Development
React: useEffect explained with lifecycle methods
Sometimes, we'd like only a single of those lifecycle methods to run. The following cheat-sheet will help you achieve the "effect" you're looking for.