Webdesign
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.
-
Design
Sustainable web design reduces e-waste
One of the big problems we face today is the amount of e-waste we produce. The problem is getting bigger and we are still looking the other way while we pile on. We need to reduce our waste and the amount of materials we take from the earth. This is where sustainable web design can help.
-
Hosting
Can we use sustainable web design to host more websites on a single server?
We already know the benefits sustainable web design has on the general carbon emissions coming from our website. But can sustainable web design also help data centers host more websites using fewer servers?
-
Design
Will web designers become obsolete?
With all the new technology we see every day I sometimes wonder whether web design as a profession will become obsolete in the future. What do you think? Here is my take on the future job situation and I would love to hear yours too!
-
Design
Will web development & web design be replaced by AI?
Is web design or development a good industry to get into or will it only be a few years before we are all replaced by artificial intelligence? You are not alone if you have thought about this question, and here we will try to give you the answer.
-
Design
Why web designers do wireframes
Wireframes are something most web designers do and they save them lots of time when creating new designs for a client. It allows designers to create quick sketches and make changes much faster than they could do with code.
-
Design
Web design vs graphic design - What is the difference?
Is web design and graphic design the same or are there specific differences that can cost you greatly if you don't know them? In this article, we talk about the key differences and what each get in salary.
-
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.
-
Design
Can web designers work from home?
Can a web designer work from home, and what are the benefits versus working at the office? We address that in this article and also whether you can travel while working.
-
Hosting
Cloudflare: What is it and why you should use it
Cloudflare has been around for many years now, but did you know that they are running on 100% renewable and are working together with The Green Web foundation? In this article, we explain what Cloudflare is and why you should 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.
-
Design
What is the difference between green web design and sustainable web design
Many aren't aware of the difference between green web design and sustainable web design, but in this article, we shine a light on some of the big ones.
-
Design
Why Sustainable Web Design Matters
Sustainability is becoming an increasingly important issue, and businesses are starting to realize that they need to take steps to become more environmentally friendly. But why does sustainable web design matter? Find the answer here!
-
Design
Become a web designer: Best books on the market to get you started
Do you want to become a self-taught web designer? Here is a list of the best books on the market to get you started with your new career. The books are proven to work since most of them were used when I first started my career.
-
Design
Why environmentally friendly practices should be common sense in web design
Environmentally friendly web design is today being advertised as a service, but we think it should be common practice. Here are the benefits of sustainable web design, what you should do, how you can check your website's carbon footprint and how to get started with sustainable web design.
-
Design
How to measure your websites carbon footprint
Measuring your website's carbon footprint is key to creating a more eco-friendly website, and in this article, we will show you two of the most popular tools.
-
Design
Ethical web development: Here you can learn more
Learning ethical web development is an eye-opening process that will make you realize all the unethical things you face every single day. To make the learning process easier and faster we have gathered some of the greatest books, courses, and YouTube videos so that you can get started right away.
-
Design
The ethical principles in web development
We as developers and designers are responsible for creating a great experience and a safe environment for our users. In this article, you will get introduced to ethical web development and you will learn the principles we use.
-
Design
Ethical web design: An introduction to ethical and unethical practices
Ethical web design is a broad category covering many subjects, and in this article, we talk about some ethical examples and some that are unethical. You will learn to spot some unethical situations and you will learn how to turn them into ethical practices instead.
-
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.
-
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.
-
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.
-
Design
This is how we can lower climate change with sustainable web design
It is not only cars, industry, and agriculture that cause climate change on earth, it is also websites on the internet. In this article, we will talk about why websites pollute and how we can make it better by using sustainable web design.
-
Design
The 6 best books about sustainable web design
If you are looking for the best books about sustainable web design and development, then we have gathered the 6 best in one article. No matter if you are experienced or just started to learn about sustainable web design, then these books will be an eye-opener to you!
-
Design
5 design principles that makes your website more sustainable
Making your website sustainable/environmentally friendly is hard. There are many things to think about, and therefore we have made this list with 5 things that instantly will make your website more sustainable.
-
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.
-
Design
What is CSS prefers-color-scheme and how to use it to make your website more sustainable
The prefers-color-scheme media query is very powerful and can be used to switch between light and dark mode depending on the users system preferences. This article talk about what prefers-color-scheme is and how to use the media query in your CSS.
-
Design
What is the HTML5 picture element
The HTML5 picture element is relatively new but it is very powerful when trying to make your website more environmental friendly or you just simply want to adjust an image depending on the device. This article explains what the HTML5 image element is and to use it.
-
Design
How to convert your images to WEBP or AVIF
A great way to optimise your website, speed up and make it more sustainable / environmental friendly is to convert your images to either WEBP or AVIF. Both of these formats lower the file size drastically without loosing the quality of your image. In this tutorial we teach you how to quickly convert your images to the WEBP or AVIF format online.
-
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.
-
Design
How converting .TTF and .OTF fonts into .WOFF lowers file size
Font file types can be an enemy when trying to make your website more sustainable. File types such as .TTF and .OTF can easily be 200-500kb. But by converting them into .WOFF or .WOFF2 you can compress your fonts drastically and save tons of bandwidth. Here is a guide that shows you how to convert your fonts online in just 3 simple steps.
-
Design
5 design principles that instantly makes your website more sustainable.
Do you want a more sustainable and green website? Moving in the right direction doesn't require much. In this article we give you 5 easy things you can do right now to instantly help reducing the CO2 emission caused by the internet.
-
Design
Dark-mode lowers power consumption on OLED devices
Using dark mode on OLED displays have an impact on power consumption, but does it make a difference? And does themes have other advantages? Read more in this article and find the answer to your question.
-
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?