Development
Categories
-
Development
Revolutionize Your Web App: Reduce API Traffic with localStorage and Cookies
Web applications are often sending many API fetch requests in the background or when refreshing the page, and this can transfer lots of unnecessary data across the network. This method allows you to save data in localStorage and use cookies to set an expiration date.
-
Development
The unsung hero: Work behind the curtains
The internet is the single biggest polluting machine in the world, and it is expected to grow even bigger in the future as more people join the internet experience. But can we reduce that impact? This article is about the unsung hero and how we professionals can make an impact that will touch millions of people.
-
Development
The role of WebP in developing a sustainable WordPress site
WordPress is responsible for many websites, and with an increasing global average page weight, finding more sustainable practices is more important than ever. In this article, I talk about the role WebP has when developing a sustainable WordPress website.
-
Development
The Role of Web Developers in Creating a Sustainable Future
It’s no secret that the world is currently facing a climate crisis. Now more than ever, it’s important that we take action to mitigate its effects. No role is too small when it comes to preserving the environment, and in this article, I talk about the role of web developers.
-
Development
Is low-code or no-code better for the environment?
Low-code and no-code have grown tremendously in popularity because it allows everyone to build websites with close to no previous experience. With low-code, you simply drag-and-drop coding blocks and functions, and with no-code, you visually build everything. But is it better for the environment? And does it have the potential for the future?
-
Development
Are PWAs the future of Sustainable Web Development?
PWAs were already introduced by Steve Jobs back in 2007 as a way of creating much lighter app-like websites that would work and look the same as native apps. In this article, we discuss why progressive web applications are sustainable and why we should use them more often.
-
Development
Schedule server tasks for when the electrical grid is least congested
As we in Europe are seeing a rise in electrical cars and at the same time an energy crisis, it is important to spread out the use of electricity as much as we can. One way we can do that is by scheduling heavy server tasks to the least congested times during the day.
-
Development
Can you become a successful self-taught web designer?
I've seen many people question whether becoming a successful self-taught web developer is possible. There are also questions such as if you get paid less and will it be hard to achieve, and in this article, we try to answer as many of those as possible.
-
Development
What is Svelte and what does it mean?
Are you wondering what Svelte means and why Rich Harris chose that name? Or maybe you are wondering what Svelte is? In this article, we will answer the questions you might have.
-
Development
Introduction to React useMemo and How To Use It
useMemo is an important hook for handling heavy repeating computations in React and in this tutorial you will get introduced to it and see when and how you can apply the hook.
-
Development
Tutorial: Introduction to React useCallback
React comes with a lot of great hooks and useCallback is one of them. In this article, you will get introduced to the hook and see in which cases you can use it.
-
Development
Sustainable web design makes the internet more accessible
We all know that sustainable web design is better for the environment and causes less pollution, but did you also know that it makes the internet more accessible? Between 40-50% of the world's mobile users still use 2G and 3G. In this article you can see how slow loading a website on these connections will be and why sustainable web design is important.
-
Development
Here is why a Raspberry Pi is good as a web server
Raspberry Pi has been around for many years now, but they are starting to become quite powerful. Here we have made an article about why a Raspberry Pi is a great web server to host your website from and given you a pros and cons list so you can choose for yourself.
-
Development
Do you write clean and reusable code?
Reusable code is a powerful tool when creating sustainable and environmentally friendly websites. You can write it with every programming language and in this article, we will explain what reusable code is and how you can write it yourself.
-
Development
Get to know Svelte Stores, writable’s and readable’s
In bigger web development projects you often want to store data in a place where it's accessible to all components. This is where Svelte Stores comes into the picture, and in this article, we will look into the writable and readable store specifically.
-
Development
What is onMount and onDestroy in Svelte?
Svelte's onMount() and onDestroy() function comes in very handy when you develop web applications. These functions can be used for various things such as API calls and cleanups. In this article, we are diving into the functionalities of these functions and how you implement them in your project.
-
Development
Express.js tutorial: About the framework and how to use it
Express JS is one of the more popular frameworks for Node JS and here is a great tutorial explaining how to install and get started. In this article, we talk about routing, handling static files, how to write middleware functions and whether Express JS is more environmentally friendly than other frameworks.
-
Development
Svelte training: Here you can learn Svelte
Svelte is an amazing framework that is both easy to use and allows you to develop faster, but if you are about to learn it and don't know where to start, then it can be confusing. In this article, we talk about why you should learn Svelte, where you can learn it both through paid and free courses and much more.
-
Development
How to implement routes in your Svelte web application using svelte-routing
Routing is essential for most websites and web applications and also in Svelte. Since Svelte doesn't have an official router built-in, it requires a bit of work to find the right one that suits your project and needs. In this article, we go through what a router is, which routers exist, how to implement the most common one, and more.
-
Development
Understand how Svelte’s auto-subscribe $ (dollar sign) syntax work
Did you know that Svelte has two ways of letting you subscribe to the changing values in your store file? One of these methods is using a $ (dollar sign) syntax, and that is the one we will be looking at in this article. You will learn more about what it is, why we use it, which advantages it gives you and your project and how to apply it.
-
Development
Should you use Svelte’s store subscribe or the reactivity $ (dollar sign)
In Svelte you will find 2 methods that can make your data dynamic: The Svelte Store Subscribe function and the auto-subscribe syntax using a $ (dollar sign). Which one of these is best? Get the answer here!
-
Development
How to use dynamic import in Svelte using Rollup (Code splitting)
Often when building web applications we end up with big compiled bundles that the visitors have to load before being able to interact with our product. With dynamic imports/code splitting in Svelte, we can split our code into chunks, and then our visitors only have to download and render what they need. Dynamic imports are fast to implement and here we will teach you how to!
-
Development
5 most lightweight and eco-friendly Node JS framework HTTP servers
Servers come in both big and small sizes. Some use lots of energy and some use a little amount of energy. What we use matters so in this article we have gathered 5 lightweight and eco-friendly Node JS frameworks you can use to build an HTTP server.
-
Development
What is a WCAG compliance checker and where to find one
WCAG is important on any website, but did you know that not following the WCAG web standards can have legal consequences in some countries? In this article we go in depth with what WCAG is and how you can use a WCAG compliance checker to ensure compliancy on your website.
-
Development
How to do code splitting using React.Lazy, Typescript and Webpack
It is very popular to use React for your web applications today, but did you know that you can optimise your project a lot by using React.Lazy with Webpack to code split your project into chunks? Here is a simple tutorial on how you can get started splitting your code into chunks with React.Lazy.
-
Development
How to configure gzip compression to speed up your website with Nginx
Websites may over time get slower and more bloated due to more files and bigger file sizes. By using GZIP compression together with NGINX you can make your website faster again and best of all it is really simple to get started. Check out this quick tutorial on how you can compress files using GZIP.
-
Development
Svelte vs. React vs. Angular - Why Svelte is more environmental friendly
Both Svelte, React and Angular has an impact on the environment, but why is Svelte the most efficient / environmental? Find out exactly how much CO2 each framework emits here and choose the most environmental for your projects!