EcoConception Logicielle
9.0K views | +2 today
EcoConception Logicielle
Green IT, performance web, économies d'énergies, bref : éco-conception logicielle !
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Scooped by Mickael Ruau
June 17, 2017 1:20 PM
Scoop.it!

Consommer responsable : 35 clips pédagogiques en ligne

Consommer responsable : 35 clips pédagogiques en ligne | EcoConception Logicielle | Scoop.it
Dans le cadre de sa politique de réutilisation de contenus de MOOC en Ressources Educatives Libres, AUNEGE met à disposition permanente les vidéos issues du MOOC "Consommer responsable", labellisé COP 21.
No comment yet.
Scooped by Mickael Ruau
June 14, 2017 8:13 AM
Scoop.it!

Grille CSS Responsive et Sémantique sans Framework

Il y a quelque temps, j'expliquais qu'il était difficile d'obtenir un travail Front-end de qualité avec des Frameworks CSS HTML-Driven. Le gros reproche que je fais à ces Frameworks est de prendre le contre pied de l'approche du W3C qui met tout en œuvre avec HTML5 et CSS3 pour complètement effacer toute trace de design dans l'architecture HTML et la rendre structurellement sémantique.

Mickael Ruau's insight:

Un Framework CSS c'est vraiment pratique pour ne pas trop se mouiller et gagner du temps parait-il. On me dit d'ailleurs souvent que les systèmes de Grid c'est bien pratique. Ce que j'en pense pour ma part c'est qu'on ne peut jamais sortir des chemins battu d'un Framework lourd à moins de parfaitement connaître les mécanismes de celui-ci pour le contrer. Et dès lors qu'on est assez aguerrit pour comprendre des mécanismes menant à des « abstractions qui fuient », on est alors assez aguerrit pour s'en passer.

Sachez que l'on peut facilement se passer de Framework pour gérer une grille Responsive Web Design propre et maintenable en évitant ainsi d'horribles codes comme <div class="header col-xs-12 col-sm-6 col-sm-push-6 text-right-sm bg-info"> tout en restant maître de ce que l'on fait. Cette page CodePen en est un exemple.

Suivez-moi, je vais vous montrer !

No comment yet.
Scooped by Mickael Ruau
June 12, 2017 2:00 AM
Scoop.it!

Alternatives to React: Other Lightweight Javascript Libraries

Alternatives to React: Other Lightweight Javascript Libraries | EcoConception Logicielle | Scoop.it
Are there any alternatives for React and how can you pick up the best one that works for your project?
Mickael Ruau's insight:

As you can see, Inferno consistently comes out on top in almost all tests. Preact comes ahead in the race to first render, then manages to keep up with React, except for the rare worst case scenario. Inferno with Inferno-compat, albeit slower than Vanilla inferno, fares pretty well against React.

With these libraries, you can fortunately remove API from the equation due to the fact that all of them provide compatible APIs to React.

No comment yet.
Scooped by Mickael Ruau
June 8, 2017 1:59 AM
Scoop.it!

Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.

Fast 3kB alternative to React with the same ES6 API.

No comment yet.
Rescooped by Mickael Ruau from Enterprise Architecture
June 5, 2017 5:16 AM
Scoop.it!

La collecte de données, enjeu majeur pour les « smart cities » françaises

La collecte de données, enjeu majeur pour les « smart cities » françaises | EcoConception Logicielle | Scoop.it
“Dans un rapport remis au premier ministre mardi 18 avril, le député PS du Maine-et-Loire Luc Belot attire l’attention sur les risques et les enjeux de la smart city, sachant que l’essor du numérique impose de réformer la gouvernance locale.”
Via emmanuelle.petraud@mbamci.com, Emeric Nectoux
emmanuelle.petraud@mbamci.com's curator insight, June 1, 2017 10:13 AM
La collecte de la donnée : risques et enjeux de la smart city
 
L'utilisation de la donnée par les différents acteurs publics et privés est au coeur de la smart city et appelle une approche décloisonnée, transversale de la ville.
 
Elle nécessite une gouvernance territoriale pour optimiser l'offre de services, publique et privée, ainsi qu'une une meilleure complémentarité. D'autant plus que les acteurs privés sont détenteurs de données qui peuvent être utiles à la ville.
 
Mais fondamentalement, pour être un succès, le développement de projets smart city implique de s’appuyer sur l’expérience et les attentes des citoyens.
Scooped by Mickael Ruau
May 30, 2017 12:45 PM
Scoop.it!

Publicité digitale : contexte et bonnes pratiques | Eco-communication - Définir l'éco-communication

Publicité digitale : contexte et bonnes pratiques | Eco-communication - Définir l'éco-communication | EcoConception Logicielle | Scoop.it
LE CONTEXTE La publicité digitale bouscule le paysage publicitaire français. Elle a dépassé la presse en 2014 et talonne de près les campagnes audiovisuelles en 2015. Elle représente désormais 27,7 % des dépenses medias, selon les chiffres PwC pour le Syndicat des régies internet (SRI). Selon LSA.fr cette croissance est boostée par 3 facteurs :
No comment yet.
Rescooped by Mickael Ruau from Planète DDurable
May 25, 2017 5:27 AM
Scoop.it!

Compensation carbone : planter des arbres n'est la bonne solution !

Compensation carbone : planter des arbres n'est la bonne solution ! | EcoConception Logicielle | Scoop.it
Selon une nouvelle étude, la compensation carbone, qui consiste à planter des arbres pour atténuer les effets de nos émissions de CO2, n’est pas une solution viable contre le réchauffement climatique.

Via Hubert MESSMER
No comment yet.
Scooped by Mickael Ruau
May 23, 2017 6:31 AM
Scoop.it!

GTmetrix | Website Speed and Performance Optimization

GTmetrix | Website Speed and Performance Optimization | EcoConception Logicielle | Scoop.it
GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.
No comment yet.
Scooped by Mickael Ruau
May 22, 2017 5:05 AM
Scoop.it!

Bien-être et santé au travail : quelles sont les bonnes postures pour se protéger - NextFormation

Les troubles musculo-squelettiques (TMS) constituent la 1ère maladie professionnelle reconnue en France et touchent tous les milieux d'activités professionnell…
No comment yet.
Scooped by Mickael Ruau
May 19, 2017 5:02 AM
Scoop.it!

Guide pratique du travail sur écran

http://www.uvsq.fr/servlet/com.univ.collaboratif.utils.LectureFichiergw?ID_FICHIER=1262860922794&ID_FICHE=45795
No comment yet.
Scooped by Mickael Ruau
May 18, 2017 5:58 AM
Scoop.it!

L’éco conception WEB

L’éco conception WEB | EcoConception Logicielle | Scoop.it
L’éco conception WEB pour diminuer l'impact écologique du numérique
No comment yet.
Scooped by Mickael Ruau
May 18, 2017 4:13 AM
Scoop.it!

CSS Stress Testing and Performance Profiling / Andy Edinborough

I present you with the CSS Stress Test bookmarklet.

No comment yet.
Scooped by Mickael Ruau
May 15, 2017 4:33 AM
Scoop.it!

Pourquoi ajouter des header "expires" dans htaccess vos .htaccess ?

Tout simplement pour améliorer le chargement de votre site. A chaque visite sur votre site, plusieurs requêtes HTTP sont effectuées pour charger le contenu de votre page. Une requête par image, par fichier CSS et/ou Javascript inclus dans la page... Ajouter une entête "Expires" à ces ressources, va indiquer au navigateur, que cette ressource peut être mise en cache jusqu'à la date que vous spécifiez. Donc une fois les ressources images, javascript, ... mis en cache, le nombre de requête HTTP vers votre serveur devrait diminuer.

 
Mickael Ruau's insight:

Pour ce faire il vous suffit d'ajouter ces petites lignes dans vos .htaccess :

  1. ExpiresActive On  
  2. ExpiresDefault "access plus 1 month"  

Ces instructions, vont mettre une date d'expiration de 1 mois sur les ressources. 1 mois en plus par rapport à la première date d'accès à la ressource. Bien entendu le mieux est de personnaliser cette date en fonction du type de ressources. Effectivement, on change pas la mécanique tout les jours lorsque ça fonctionne. Par contre la peinture (style, image) peux être amener à changer un plus souvent. On peux donc ajouter en plus des deux ligne ci dessus :

  1. ExpiresByType text/html "access plus 2 hours"  
  2. ExpiresByType text/javascript "access plus 2 month"  
  3. ExpiresByType image/gif "access plus 5 hours 3 minutes"  

Ici je définis la date d'expiration pour les ressources de type HTML à 2 heures, pour les ressources de type javascript à 2 mois et pour les ressources de type images gif à 5 heures et 3 minutes. Les autres type de ressources images jpeg, png auront la date d'expiration par défaut de 1 mois.

No comment yet.
Scooped by Mickael Ruau
June 15, 2017 11:05 AM
Scoop.it!

Colour Contrast Analyser (CCA)

Colour Contrast Analyser (CCA) | EcoConception Logicielle | Scoop.it
Colour Contrast AnalyserThe Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
No comment yet.
Scooped by Mickael Ruau
June 13, 2017 8:01 AM
Scoop.it!

Vue.js vs React vs Angular vs les autres MVVM

Vue.js vs React vs Angular vs les autres MVVM
Mickael Ruau's insight:

J'ai eut l'occasion d'essayer Vue.js dans sa version 1 et son extrême simplicité et flexibilité m'a séduite. À l’instar de NodeAtlas, sa puissance vient de ses fonctionnalités intégrables de manière évolutives et versatiles ; on peut tout aussi bien utiliser Vue simplement sur le formulaire d'une page ou à plus grande échelle avec des composants et du routage à travers l'architecture d'un site complet.

No comment yet.
Scooped by Mickael Ruau
June 10, 2017 9:24 AM
Scoop.it!

Smartphones reconditionnés – Fuyez MyMobileStore.fr

Smartphones reconditionnés – Fuyez MyMobileStore.fr | EcoConception Logicielle | Scoop.it

Depuis des semaines, les témoignages s’accumulent pour dénoncer les pratiques de MyMobileStore.fr, un site de vente de smartphones reconditionnés. 

No comment yet.
Scooped by Mickael Ruau
June 6, 2017 6:00 AM
Scoop.it!

Free Performance Report - Rigor

Free Performance Report - Rigor | EcoConception Logicielle | Scoop.it
How much faster can your website be? Rigor Optimization analyzes your site for over 260 common causes of slow performance. Try it for yourself! Website Email Get Free Report
No comment yet.
Scooped by Mickael Ruau
June 4, 2017 10:30 AM
Scoop.it!

WebVR : Google développe un outil de compression 3D - GoGlasses

WebVR : Google développe un outil de compression 3D - GoGlasses | EcoConception Logicielle | Scoop.it
Pour un webVR plus rapide et plus facile d'utilisation, Google développe Draco, un outil de compression 3D pour naviguer en réalité virtuelle et réalité
No comment yet.
Scooped by Mickael Ruau
May 29, 2017 4:03 AM
Scoop.it!

WebPagetest - Website Performance and Optimization Test

Run a free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations.
No comment yet.
Scooped by Mickael Ruau
May 23, 2017 12:43 PM
Scoop.it!

Eco-conception web : comment et pourquoi créer un site écologique ?

Eco-conception web : comment et pourquoi créer un site écologique ? | EcoConception Logicielle | Scoop.it
Ce n'est pas forcément facile à imaginer, mais les sites web polluent. Pour y remédier et réduire leur impact environnemental, il est possible de créer des sites plus légers et moins énergivores en ayant recours aux grands principes d
No comment yet.
Scooped by Mickael Ruau
May 23, 2017 6:05 AM
Scoop.it!

UCM - Préparez-vous aux consom'acteurs Partie 1

Comment favoriser la concordance entre son business et les nouvelles attentes des consommateurs en matière de durabilité ? Le 22 novembre 2016, l’UCM, avec le …
No comment yet.
Scooped by Mickael Ruau
May 20, 2017 3:06 AM
Scoop.it!

Family TV viewing and SMS texting could help cut internet energy use

Scrapping automatically-playing videos in apps and reversing trends of instant messaging and on-demand services could be key to cutting the growing energy demand of the Internet, say researchers.

No comment yet.
Scooped by Mickael Ruau
May 18, 2017 6:01 AM
Scoop.it!

Éco-concevoir mes produits - Les enjeux de l’écoconception, les bénéfices pou... – ADEME

Éco-concevoir mes produits - Les enjeux de l’écoconception, les bénéfices pou... – ADEME | EcoConception Logicielle | Scoop.it

Démarche créative, source d’innovation et de différenciation, l’écoconception constitue une approche positive de l’environnement et un levier de création de valeur

No comment yet.
Scooped by Mickael Ruau
May 18, 2017 4:26 AM
Scoop.it!

Le CIGREF et la Fing relèvent le défi « Ecology by Design »

Le CIGREF et la Fing relèvent le défi « Ecology by Design » | EcoConception Logicielle | Scoop.it

Le défi « Ecology by Design », une double opportunité pour l’entreprise 

Mickael Ruau's insight:

Le CIGREF et la Fing ont souhaité relever ensemble un défi baptisé « Ecology by Design » ! Ce défi s’inscrit dans le cadre du programme « Transitions² » et a été mené en collaboration avec le Club Green IT (avec lequel le CIGREF a présenté le « Benchmark Green IT 2016 » ).

L’objectif est d’explorer la perspective nouvelle d’une informatique « écologique by design », qui se préoccuperait à tout instant de sa propre empreinte écologique, mais aussi et surtout de celle de toutes les activités de l’entreprise.

No comment yet.
Scooped by Mickael Ruau
May 18, 2017 3:54 AM
Scoop.it!

Biocoop fait sa pub avec une conception web éco-responsable

Biocoop fait sa pub avec une conception web éco-responsable | EcoConception Logicielle | Scoop.it

Biocoop, premier réseau de magasins bio en France, s'illustre par un choix surprenant pour sa dernière campagne éco-responsable. En effet le site internet dédiée à celle-ci ne pèse que 3 Mo.

No comment yet.