Development
Categories
-
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 inspiring videos about sustainable web design
Sustainable Web Design has been around for a long time, but even after this many years it isn't something designers and website owners use much in practice. This needs to change and the way to do it is to make all websites sustainable. Here we have gathered 5 inspiring YouTube videos that will get you started right away!
-
Development
We are giving you a FREE Sustainable Web Design Checklist
Creating sustainable and environmentally friendly websites can be hard, and there are many things you need to remember. That is why we are giving you a FREE Sustainable Web Design Checklist. The checklist is available in English, French, Spanish, Hindi, and Danish.
-
Development
5 reasons you should learn Svelte in 2021
Svelte is new in the developing community, but that doesn't mean it is bad. In fact, Svelte is one of the better things you could be learning in 2021 and it has the potential to become one of the most attractive compilers for making web applications.
-
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’s new in the WCAG 2.2 standards
Figuring out the new WCAG 2.2 standards can be hard and especially since it is a work in progress at the moment. In this article we try to explain some of the criteria's that has been added since the WCAG 2.1 version
-
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
Speed up and make your Wordpress website more sustainable by decluttering
Slow Wordpress websites are very common since lots of stuff is happening on the backend side every time someone interact and visits the website. If you have tried everything and your website is still slow, then try to take a look at this decluttering article which points out a few ways to speed up your website drastically.
-
Development
How to setup cache on your Wordpress website
Caching is an important thing when you are trying to make your website both faster and more sustainable. Caching allows visitors to save a copy of certain files which makes loading times faster when they revisit your website. Check this article out if you want to get started right away!
-
Development
What is the AV1 / AVIF image and video format
The AV1 or AVIF image and video format is not finally supported on multiple devices and also in some of the major web browsers. Here we have put together an article talking about what the AVIF format is and why we should be using it on our websites.
-
Development
What is WEBP image format
You might have heard about WEBP as an image or animation format before, but have you ever used it on your website? Here is an article talking about what WEBP is why you should use it on your website for displaying images and animations.
-
Development
3 Reasons you should use React.Lazy on your React Web Application
Code splitting is every easy and in only a few clicks you can get started splitting your react web application into chunks. In this article we are giving you 3 great reasons why you should start code splitting right away!
-
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!
-
Development
Use self-hosted files instead of using CDN
Most developers and website owners are today using CDN fetching in order to get files as fast as possible depending on the visitors location. But is it right to do or should we self-host instead?