FR EN

The Sustainable IT Toolbox

Beta version | Institute for Sustainable IT

Catégorie Front-End  (49 / 232)

Front-End

Arneo

Offers an environmental scan of your website.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Aro

Application Resource Optimizer (ARO) is a diagnostic tool for analyzing the performance of mobile web applications, developed by AT&T.

#Web   #Mobile  

Explore  

Front-End

Rgaa audit

Kit to get started in RGAA audits

#Accessibility  

Explore  

Front-End

Axis

Chrome plugin - Web accessibility test

#Accessibility  

Explore  

Front-End

Checkmycolor

Tool to check the foreground and background color combinations of all DOM elements and determine if they provide sufficient contrast when viewed by a person with disabilities to visualize all of the elements. colors.

#Accessibility  

Explore  

Front-End

Coldcms

A CMS built for ecological performance. ColdCMS is a Django project based on Wagtail CMS and Bulma CSS Framework. Admin can edit websites through intuitive and user-friendly interface. Different types of pages are pre-designed, which allows you to have a beautiful website without spending hours on it. ColdCMS is specially designed for people who want to reduce the impact of their use of digital technologies on the environment. The client's website consists of static pages, built with the Wagtail Bakery. The pages of the site are generated and updated as necessary (for example when the administrator publishes or modifies content). Among other optimizations, CSS file sizes are reduced and unused CSS code is removed, using PurgeCSS and clean-css. ColdCMS supports Python> = 3.6.

#CMS   #Framework   #Lowtech  

Explore  

Front-End

Color safe

Allows you to create a graphic charter by following the recommendations of WCAG.

#Accessibility  

Explore  

Front-End

Contrastradio

Used to test the contrast ratio between two colors. The tool provides guidance on the level of compliance that can potentially be achieved with this color scheme. To achieve AA accessibility level: minimum contrast ratio of 4.5: 1. For AAA level: minimum contrast ratio of 7: 1.

#Accessibility  

Explore  

Front-End

Dareboost

Test, analyze and optimize your website

#Eval. Web  

Explore  

Front-End

Darkpatterns

Darkpatterns are tricks used in websites and apps that make you do things you didn't intend to do, like buying or signing up for something. The purpose of this site is to raise awareness and shame the companies that use them.

#Referential   #Dark Patterns  

Explore  

Front-End

Eco meter

Offers a list of best practices implemented or not by the tested page.

#Eval. Web   #Good practices,  

Explore  

Front-End

Ecocode

Evaluate and improve the environmental and social impact of mobile applications by automatic analysis of the source code (SonarQube plugin)

#Mobile  

Explore  

Front-End

Ecograding

Allows you to assess how green your website is

#Eval. Web   #Imprint   #Index  

Explore  

Front-End

Ecoindex

EcoIndex is a free service that provides the community with a simple way to assess the environmental performance achieved by a website / online service with regard to objective technical parameters: number of DOM elements, number of HTTP requests, weight of the 'URLs (KB transferred), etc.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Ecometer

Ecometer enables automated measurement of the ecodesign level of a web page

#Footprint   #Web   #Measurement  

Explore  

Front-End

Carbon footprint web page

Estimate the carbon footprint of your web page

#Footprint   #CO2   #carbon  

Explore  

Front-End

Energy profiler

Energy Profiler helps you find where your application is using more energy than needed

#Energy   #Mobile  

Explore  

Front-End

Energy smells for android

Catalog of code smells dedicated to energy for Android apps

#Mobile  

Explore  

Front-End

Google amp

This page offered by Google makes it possible to test whether the page of your website has AMP technologies, an online publication format making it possible to speed up the display of pages on mobile devices.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Google richtxt

Used to test the compatibility with the enriched results. This functionality makes it possible to guarantee an enriched referencing in the search engines to promote a fair display of your page with regard to the other pages. It also allows better navigation from a mobile.

#Web   #SEO  

Explore  

Front-End

Green web foundation

This service informs you if the hosting of the DataCenter used for your website uses green energy

#Footprint   #Web   #Measurement  

Explore  

Front-End

Greenframe

Free calculator to help you assess your website's impact on the planet.

#Imprint   #Web  

Explore  

Front-End

Greenspector

GreenSpector offers a tool for evaluating the effectiveness of a website on a mobile device; speed and impact on battery are taken into account

#Footprint   #Web   #Measurement  

Explore  

Front-End

Gt metrix

GTmetrix is ​​a tool that allows you to evaluate the web performance of a site, in particular by taking into account the Core Web Vitals criteria related to the user experience, which have become criteria taken into account in Google's algorithm.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Https everywhere

HTTPS Everywhere is a Firefox, Chrome and Opera extension that encrypts communications with many websites making browsing more secure.

#Data Privacy   #Browser  

Explore  

Front-End

Ionos

Website analysis that offers a first level assessment regarding compliance with security issues, page load speed and UX recommendations for display and visibility.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Learn accessibility

To learn to understand the challenges and problems of accessibility

#Accessibility  

Explore  

Front-End

Low web

Extension that helps you reduce energy consumption and the carbon footprint of your internet browsing.

#Tool  

Explore  

Front-End

Node.js ecoindex

a node.js code to calculate the ecoindex of your web page

#Measure  

Explore  

Front-End

Speed insights page

Allows you to improve the loading speed of your pages on all devices.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Pingdom

Pingdom offers website availability and performance analysis: monitoring website availability, performance, and interactions.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Privacy bager

Privacy Badger allows you to automatically block invisible trackers.

#Data Privacy   #Office Tool   #Browser  

Explore  

Front-End

Qualscan

An ILC tool to run several plugins to check the quality of your JavaScript project.

#Code Quality  

Explore  

Front-End

Ecoindex simulator

Small simulator to determine the axes necessary for the eco-design of your websites.

#Measure   #Index  

Explore  

Front-End

Susty

Susty is a super lightweight WordPress theme called Susty. It was designed to show how small a WordPress site can be (only 6KB of data transfer, or 7 with Yoast!). Experimenting with minimalism, the goal of this theme is to provide just enough code to power the site. 'Susty WP interface. So it is not recommended to go ahead and activate for your blog or production website without making some adjustments first. The objectives of this theme are described in a blog post titled Delivering WordPress in 7KB.

#CMS   #Framework   #Lowtech   #Wordpress  

Explore  

Front-End

Uptrends

Tests the speed of an internet site.

#Web   #Measurement  

Explore  

Front-End

Web page test

Allows you to test the performance of a website with an evaluation of the elements of security, cache, CDN, image optimization, transfer compression etc.

#Footprint   #Web   #Measurement  

Explore  

Front-End

Webaccessibility

Test and API to assess the accessibility of an external or internal website

#Accessibility  

Explore  

Front-End

Wah

Accessibility plugin for WordPress

#Accessibility   #WordPress  

Explore  

Front-End

Greenit-analysis

GreenIT-Analysis is a browser extension that allows you to quantify the environmental footprints of a complete user journey, even behind a firewall and / or application authentication. The tool also verifies the use of good practices aimed at reducing these impacts.

#Impacts   #CO2 footprint   #Good practices  

Explore  

Front-End

Device co2 calculator v4

Excel sheet for the evaluation of the carbon footprint of digital terminals

#Footprint   #CO2   #Terminals   #Device  

Explore  

Front-End

Front-end

A selection of tools to support you in improving the accessibility and design of your websites and web applications.

#Digital Mediation   #Design   #Front-end  

Explore  

Front-End

Tanaguru

Tanaguru Engine, check the accessibility level of a page, a site or a purchasing process is done in a few clicks in the application. Tanaguru Engine the first step towards RGAA compliance, it is the open source solution to audit the accessibility of your websites and web applications!

#Accessibility,  

Explore