Concentration record en CO2, montée des eaux, recul des glaces: toujours plus alarmants, les indicateurs clé du réchauffement planétaire soulignent l'urgence d'agir alors que s'ouvre lundi à Bonn la 23e conférence de l'ONU sur le changement climatique.
Tout ce que vous devez savoir pour mesurer efficacement la vitesse de chargement de vos pages web et obtenir des résultats fiables. Devenez un véritable expert de la performance web avec Dareboost !
Une fois l’image à la bonne taille, il faut l’enregistrer au bon format. Le jpg, bien qu’étant le plus répandu, n’est pas toujours le plus adapté.
Le png : choisissez ce format pour sa capacité à supporter les transparences. En effet, avec ses 256 niveaux de transparence, vous pourrez placer vos images détourées sur le fond de couleur de votre site avec un rendu de bonne qualité. Par contre ce format n’est d’aucune utilité pour les images non détourées car le poids du fichier est bien supérieur à celui d’un jpg.
Dans le combat du rapport poids/qualité que mènent les graphistes du monde entier (pas les développeurs, ceux-ci se fichent éperdument de la qualité, seul le poids compte pour eux, grrr), certains ont trouvé une solution très efficace.
Contrairement à ce que je vous ai dit plus haut, au lieu de mettre l’image au bon format du site (exemple 600px), il faut la mettre deux fois plus grande (1200px) et l’enregistrer en jpg très compressé (qualité : 5 ou 10%). L’algorithme de compression jpg étant très puissant, l’image sera très légère mais elle sera aussi très compressée. Mais comme l’image visible sur le site sera réduite de moitié (affichée à 600px) alors la compression ne se verra pas. Et paf, magie !
Frédéric BORDAGE - expert en numérique et développement durable - Green IT Avec plus de 20 ans d’expérience, Frédéric est reconnu comme l'un des précurseur
« Réduisez le poids de la page » : voici l'un des conseils les plus couramment délivrés dans les rapports Dareboost. Selon les tendances mesurées par HTTP Archive, les images représentent 53 % du poids moyen des pages web, qu’elles soient consultées sur ordinateurs de bureau o
L’état de l’art de la gestion des images responsives est loin d’être parfait. Au lieu d’envoyer beaucoup d’informations au navigateur et lui laisser choisir la bonne image en fonction du contexte, pourquoi ne pas demander au navigateur de passer le contexte lors de la requête initiale puis calculer toute la contextualisation côté serveur ?
C’est ce à quoi réfléchissent certains membres du What Working Group dans la spécification Client Hints. Le support est encore très limité mais le concept est en cours de normalisation à l’IETF.
Longtemps réservées aux grandes entreprises, les démarches de développement durable et les politiques RSE pénètrent de plus en plus le tissu des PME-PMI.
Trouver tout ce que l’on souhaite en quelques clics, dans les boutiques des vendeurs, artistes, créateurs et producteurs locaux, sera bientôt possible grâce à Pushoose, une application qui incite à acheter ‘Made in France’ !
“Isabelle Delannoy a fait le tour du monde des initiatives économiques respectueuses de la planète et des citoyens. Permaculture, économie circulaire, monnaies complémentaires, etc., de nombreuses solutions locales existent déjà. Elle propose une synthèse, dans son livre, L’économie symbiotique (Actes sud, 2017 pour à ouvrir la voie vers une économie globale qui harmonise nature et êtres humains.”
Via Hubert MESSMER
Extrait d'un webinaire Mars 2017 dans le cadre de l'action PRIME en Rhône Alpes (Présentation de Loïs Moreira, ingénieur conseil en éco-conception au Pôl
Gérée par une ONG baptisée B Lab, la certification B Corp est attribuée à partir d’une grille de 200 questions portant sur la performance sociale, environnementale et sociétale de l’entreprise, mais aussi sur son engagement de transparence et de responsabilité.
Après une première publication définissant 12 catégories d’outil, en mai 2017. Aujourd’hui, nous vous proposons la suite, soit deux catalogues d’outils, l’un sur les outils d’ACV et les outils hybrides, et le second sur les autres types d'outils.
Dans le catalogue des outils d’ACV, vous retrouverez des fiches de présentation des outils suivants :
ACV : Bilan Produit, EIME, une série des outils CyclECO (Ecotoxicity FOOTPRINT, AiiDA, ECCO, e-LICCO, SOLCA, FOODPRINT), Team5.3, Open LCA, Gabi, E-DEA, ECOPACT, ArtoACV,
Les outils hybrides : Eco Design Pilot, Edtool, Reeecuc'lab
Dans le catalogue des autres outils : Approche matricielle, indice écologique, empreinte monocritère, liste de substances, check list, guidelines, normes et réglementation
Selon les experts, le nombre de réfugiés climatiques pourrait atteindre plusieurs dizaines de millions de personnes dans la prochaine décennie. Ils appellent les gouvernements à anticiper cette crise migratoire sans précédent.
Historically, we just haven’t spent a lot of time optimizing for the JavaScript Parse/Compile step. We almost expect scripts to be immediately parsed and executed as soon as the parser hits a <script> tag. But this isn’t quite the case. Here’s a simplified breakdown of how V8 works:
A little while back, I mentioned I was doing some research for the book about how images are downloaded when media queries are involved. To help with that, I wrote up some automated tests where Javascript could determine whether or not the image was requested and the results could be collected by Browserscope for review.
Again, this test could stand to be run a bit more, just to be safe. It looks like this method will work the vast majority of the time. Unfortunately, it appears Android 2.x will download both images if the device pixel ratio is above or equal to 1.5 (or whatever value you set in the media query). So in the case of the above tests, if you’ve got a high resolution device running Android 2.x you’re out of luck.
The good news, for now, is that I’m unaware of any Android device with a device pixel ratio over 1.5. So if you’re targeting the retina display iOS devices, you could set your min-device-pixel-ratio to 2 and be safe. And of course, now that I’ve said it, I fully expect the first 3 comments for this post to all correct me and point out the one Android device that just has to prove me wrong.
The earliest rounds of this test looked more promising for Android, so this is a bit of a bummer for me. They’re the only browser that seems to mess it up, but they’re also one of the biggest players.
Recommendations
If you’re going to hide a content image, you’re not going to be able to do it by setting display:none. I recommend using a Javascript or server-side based approach instead.
If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.
For swapping background images, define them both inside of media queries.
Aujourd’hui dans le numérique, on entend souvent parler de Design Émotionnel, voici comment cela se traduirait dans le réel. Le Design Émotionnel, c’est quoi ? Si demain on vous demandait de choisir entre ces deux voitures, le choix serait vite fait n’est-ce pas ? Pourtant, elles sont tout aussi fiable et utilisable. La différence c’est que la seconde est bien plus séduisante avec sa bouille de petite souris (la première version de la Fiat 500 était surnommée Topolino, soit Mickey Mouse en italien). Elle évoque aussi tout un style de vie fantasmé, la dolce vita. À caractéristiques égales, on favorisera naturellement ce qui nous parait plus agréable ou esthétique. L’auteur Aaron Walter a défini le terme de Design Émotionnel en se basant sur la fameuse pyramide de Maslow.
Sur le papier, il était le parangon du clavier écologique avec ses panneaux solaires et sa batterie rechargeable. Dans les faits, c’est un appareil qui a été programmé pour finir à la poubelle après quatre ou cinq ans d’utilisation. Une honte pour la marque suisse.
Deux ans après l'accord international de Paris sur le climat, les grandes entreprises ont pris le train de la lutte contre le réchauffement climatique, même si beaucoup reste encore à faire, selon un rapport publié mardi.
Près de 9 multinationales sur 10, parmi les plus importantes et celles ayant le plus fort impact environnemental, ont désormais des objectifs de réduction d'émissions de gaz à effet de serre, selon le bilan annuel du CDP, plateforme de communication environnementale à but non lucratif.
Selon une nouvelle étude scientifique, la pollution tue chaque année dans le monde 9 millions de personnes. C’est trois fois plus que le sida, le paludisme et la tuberculose réunis, et 15 fois plus que les guerres et toutes les autres formes de violences.
Extrait d'un webinaire Mars 2017 dans le cadre de l'action PRIME en Rhône Alpes (Présentation de Loïs Moreira, ingénieur conseil en éco-conception au Pôl
Si vous fouillez dans vos tiroirs, vous trouverez certainement un ou deux vieux portables que vous gardez au cas où mais dont vous ne vous servirez certainement plus jamais. Pour inciter les citoyens à les valoriser, Bouygues Telecom lance du 9 au 21 octobre une opération spéciale de collecte. L’objectif est d’augmenter significativement les volumes afin de structurer et développer la filière du recyclage en France.
To get content containing either thought or leadership enter:
To get content containing both thought and leadership enter:
To get content containing the expression thought leadership enter:
You can enter several keywords and you can refine them whenever you want. Our suggestion engine uses more signals but entering a few keywords here will rapidly give you great content to curate.
Il est vraiment temps que nous prenions les décisions qui s'imposent, nous, pays riches, qui générons 80 % de ces émissions de GES ...