Archive pour septembre 2013

veille techno web UI – en vrac…

http://www.webrankinfo.com/dossiers/google-plus/impact-referencement-naturel#utm_source=WebRankInfo&utm_medium=email&utm_campaign=newsletter-2013-09-03

http://www.htmlgoodies.com/html5/client/learn-html5-in-5-minutes-backwards-compatibility-for-older-browsers.html

http://blog.alien109.com/2009/03/17/gzip-your-javascript/

http://getbootstrap.com/css/#grid-offsetting

http://www.getskeleton.com/

http://designinstruct.com/roundups/html5-frameworks/
ou  http://www.bestdesigntuts.com/10-best-html5-frameworks-that-help-speed-up-web-development
+ http://modernizr.com/download/

http://kineticjs.com/

http://www.javacodegeeks.com/2012/05/javafx-2-vs-html5-for-ria.html

http://stackoverflow.com/questions/277414/how-does-javafx-compare-to-flash-and-flex

Pas de commentaire

l’HIF1 « découverte » au Japon – la fin de l’ostéoporose ?

Article :

http://www.bulletins-electroniques.com/actualites/73932.htm

Ce bulletin est redigé par l’Ambassade de France au Japon et est diffusé  gratuitement par l’ADIT
– Bonne lecture ! Cordialement

Pas de commentaire

En Inde : l’eau potable à 130 roupies (1,5 euros) par an

Article : http://www.bulletins-electroniques.com/actualites/73938.htm

Pour en savoir plus,

Contacts :  T. Pradeep, Professor, DST Unit of Nanoscience and Thematic Unit of Excellence, Indian Institute of Technology Madrashttp://www.dstuns.iitm.ac.in/t-pradeep.php

Code brève : ADIT : 73938

Sources :  http://www.nature.com/nindia/2013/130429/full/nindia.2013.57.html

Rédacteurs : Marine Ridoux, Eloïse Layan

Origine :  BE Inde numéro 54 (16/09/2013) – Ambassade de France en Inde / ADIT – http://www.bulletins-electroniques.com/actualites/73938.htm

Pas de commentaire

Host JS Object (Navigateur) vs manipulation d’objet sandard – définition de sources d’images

Une application doit produire un fichier HTML sans dépendance externe avec des images à positionner dans un tableau selon les valeurs de certains indicateurs.
Ces indicateurs sont associés à des images intégrées en base64 dans le fichier (http://chez.david-scherrer.info/html-embedded-images/).

Le type et la valeur de chaque indicateur est traduit par une combinaison de classes CSS positionnée sur la balise « img » de l’indicateur en question.

ex. <tr><td class="texte">mon indicateur A à pour valeur 3 <img alt="mon image associée" class="image a3" src=""></td>

A chaque type et valeur d’indicateur correspond une image qu’il faut pouvoir placer sur chaque itération de cette même combinaison (eg. a3) dans le tableau.

Pour cela, avec JavaScript, on liste l’ensemble des éléments disposant des classes CSS « image a3 » pour définir la source à leur associée.

La difficulté est que la liste construite n’aura pas forcément le même format en fonction du navigateur et de sa version et que les méthodes implémentées pour la récupérées varient également. Ceci est illustré notamment dans les échanges et articles suivants :

Voici un exemple de code qui devrait être compatible avec tous les navigateurs :

 

 

 

 

Pas de commentaire

« Enjeux d’énergie »

Un des principaux challenges de notre humanité est l’optimisation de la production, du stockage (court ou long, à émission rapide ou non), de la conversions (…) et de la récupération d’énergie (surtout renouvelable!).

Cela pourrait permettre de :

  • conserver un environnement « vivable » pour les générations à venir (limiter les émissions de CO2, la déforestation, le réchauffement de la planète, etc.)
  • assurer une qualité de vie accessible pour le plus grand nombre (eau potable, sécurité médicale, réseaux de communication)

Les défits sont :

  • technologiques (les solutions existent, beaucoup sont à un stade expérimental plus ou moins avancés. Par exemple)
  • les enjeux de pouvoir : les intérêts des états, entreprises et autres « lobby« 
  • le respect de l’homme et de la planète au niveau individuel comme collectif (entre autres : rationaliser nos consommations et optimiser les usages en fonction de l’efficacité énergétique et non du gain financier)

Quelques resources intéressantes :

(Sources reprises de  : http://chez.david-scherrer.info/nouveaux-materiaux-nouvelles-proprietes-applications-ou-perspectives/)

 

Pas de commentaire

html « embedded images »

Source (English): http://www.techerator.com/2011/12/how-to-embed-images-directly-into-your-html/

Principe: convertir les images en base 64

Implémentation (exemple):

1. Convertir les images en base64 et les mettre dans une variable JavaScript chacune en les préfixant bien du type de data eg. « data:image/png;base64, », par exemple :

<script> var imgContent = « data:image/png;base64,monimagePNGencodeeenbase64 »; < /script>

2. Placer une balise image dans la page HTML, par exemple :

<img id= »imageTest » />

3. Assigner avec JavaScript la source de l’image sur l’élément image (balise img)contenant les images, par exemple :

<script> document.getElementById(« imageTest »).src=imgContent; < /script>

Un commentaire

Nouveaux matériaux, nouvelles propriétés, applications ou perspectives

Un peu en vrac… avant de réorganiser tout ça (peut-être)

Graphène & Disulfure de molybdène :

En résumé : « 2 structures nano 2D aux propriétés semblables mais qui pour l’électronique requièrent un dopage du graphène alors que le Disulfure de molybdène dispose des couches électroniques nécessaires stables pour créer des transitions avec conversion photon/électricité ou inversement et proposer des propriétés de semi-conducteur naturellement. »

Applications : électronique, photovoltaïque, affichages transparents, capteurs photosensibles à large spectre, catalyse

http://web.mit.edu/newsoffice/2012/graphene-molybdenum-disulfide-flat-materials-0823.html (recherches sur le Disulfure de molybdène au MIT)

www.academie-sciences.fr/activite/conf/exposeMontambaux_290211.pdf  (propriétés du graphène)

Hydrogène :

Atome le plus commun de l’univers, le gaz H2 est lui rare à l’état naturel. Il présente une possibilité de stockage propre de l’énergie (2 H2 + O2 => 2 H2O) avec une forte densité énergétique (environ 4 fois celle du gaz naturel) moyennant une captation ou une production propre. De nombreuses recherches sont en cours sur les possibilités de production (à partir d’énergie propres et à différentes échelles) et de stockage de (sous pression, dans des structures nano)

> Article soulevant les enjeux et problématiques : http://www.gizmodo.fr/2013/05/08/hydrogene-jules-verne-avait-raison.html

> Projet européen :  http://www.bulletins-electroniques.com/actualites/72599.htm

(Débat national sur l’énergie : http://www.transition-energetique.gouv.fr/)

Un commentaire