Articles
Categories
-
ContentAndMarketing
Improve your SEO ranking by making your website environmentally-friendly
Having a sustainable and environmentally friendly website is not only better for the environment and the visitors but also for your overall organic SEO (Search engine optimization) ranking. In this article, we talk about improvements you can make to better your rankings on search engines such as Google.
-
ContentAndMarketing
Have you considered what happens after your website content dies?
There are tons of outdated content roaming around on the internet just waiting for people to read and interact with it. But is anyone ever going to? Have you thought about when your content should be considered dead and be removed from the internet? If you haven't and you are curious, then here we are talking about why it is important to remove outdated content and how you can make your own plan.
-
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.
-
ContentAndMarketing
Has your team set a page-weight budget? Here is how to
When trying to make your or other people's websites sustainable or environmentally friendly it is a great idea to use a page-weight budget that allows your team to say "stop, no more content on this particular page". In this article, you can read about why a page-weight budget is good and how you can set one with yourself or your team.
-
Design
Introduction to do transitions with Svelte
Transitions and animations can be lots of work but with Svelte it is as easy as adding an attribute to your elements. In this article, we will explain what transitions and animations is and how to use these in your Svelte web application. We will also as a bonus show you how you can create custom CSS transitions using Svelte.
-
Design
Introduction to scoped and global CSS in Svelte
When building Svelte web applications you most likely need to use CSS of some kind and with Svelte you have the opportunity to use scoped CSS out of the box. In this article, we explain how to use both scoped CSS and global CSS.
-
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.
-
Design
Get started with SvelteKit and build your first web app
If you are familiar with Svelte you will most definitely love SvelteKit as well! With SvelteKit you get lots of features that will make development even faster than it was before and it is stuffed with cool features!
-
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!
-
Design
How to create environmentally friendly color palettes for your web design
Colors are widely used on websites and often they play an important role in brands as well, but did you know that you can make environmentally friendly color palettes? In this article, you will get an explanation of how LCDs, AMOLEDs, and OLED screens work, and we will also explain how you can create environmentally friendly color palettes.
-
Design
10 ways to make your website more environmentally friendly in 2021
Are you wondering how you instantly can make your website more sustainable/environmentally friendly? In this article, we give you 10 great and easy ways you can make your website more sustainable!
-
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.
-
Design
Sustainable Web Design: An Environment-First Approach To Internet
Did you just discover sustainable web design or do you want to get a deeper understanding? In this article, we will talk about what sustainable web design is and what benefits it gives you, your website, and the environment.