#14358

[CSS] Petite astuce pour le responsive

J’ai une liste de 25 <div> qui constituent un diagramme en barre. Les <div> sont côte-à-côte, de largeur 30 et de hauteur variable. Ça me donne ça : http://lehollandaisvolant.net/img/a9/arts.png

Le problème pour le responsive, c’est que les éléments finissent par glisser sur deux lignes quand l’écran est trop petit.

On peut appliquer un "overflow:hidden", mais dans ce cas, les éléments les plus récents (ceux à droite) sont masqués. Ce n’est pas ce qu’on veut : on veut les éléments les plus récents visibles.
Il faudrait que l’overflow vire les éléments sur la gauche.

C’est possible, en CSS avec une petite astuce très simple : "direction: rtl;"
Inversez (dans le HTML) l’ordre des éléments, puis au graphique, appliquez le CSS " direction: rtl;". « RTL = right ro left ».

Ça va les remettre dans le sens normal (l’inversion CSS va compenser l’inversion en HTML).
Ajoutez maintenant le "overflow:hidden".

Maintenant, si l’écran est rétrécit, les éléments qui sont masqués sont ceux qui sont à gauche, et les barres du graphique qui sont visibles sont ceux les plus à droite (les plus récents aussi).

Si le texte dans chaque barre du graphique est lui aussi inversé, ajoutez un "direction: ltr" à ces éléments là.

Et là tout marche. \o/
http://lehollandaisvolant.net/?mode=links&id=20160123174732

#14357

CLAVIER FRANCAIS COMPLÉTÉ

Un outil (encore un dis donc ! À croire que les politicards n’ont pas cherché…) pour installer un clavier pour le français.

Ce clavier possède une disposition qui me semble à l’origine personnelle. Fonctionne dans Windows, pour XP à W8.
http://michel.cadart.perso.neuf.fr/Trucs/clavier_francais_complete/index.htm

#14355

Resizable HTML5 Canvas

Faire des canvas responsives.

Mettre #canvas { width: 100% } ne marchera pas : c’est comme mettre ça sur une image : ça l’étire. Il faut aussi modifier le $canvas.width en JS.

Solution :
– ajouter un event "resize" sur la fenêtre que va être déclenché que la fenêtre change de taille (et au chargement de la page).
– cet event va calculer la nouvelle taille du conteneur d’un canvas et et donner cette taille au canvas
– et va refaire tous les tracés.

Si on ne fait pas ça, le tracé est étiré ou comprimé si la taille du canvas dans les attributs width/height ne correspondent pas aux dimensions spécifiées en CSS.

Démo : http://ameijer.nl/demo/respondCanvas.html
(Ctrl+Alt+M pour resize dans Firefox)
http://ameijer.nl/2011/08/resizable-html5-canvas/

#14354

Egloo : le chauffage écolo qui chauffe votre maison pour 10 centimes par jour - CitizenPost

« Il suffit donc de 4 bougies pour pouvoir chauffer de manière efficace une pièce de 20 m² en 5 heures (le temps de la combustion des bougies). »

Faisons un calcul : 4 bougies de type « chauffe plat » pour chauffer une pièce sans meubles de 20 m² d’une hauteur typique de 2,5 mètres, remplie d’un air entre 10°C et 30°C à pression ambiante et dont les murs n’absorbent pas du tout la chaleur (murs recouvert de papier d’alu, par exemple).

J’ai des bougies chez moi aussi : 4 bougies pèsent ensemble 62,5 grammes.
La cire de bougie contient entre 20 et 46 MJ/kg d’énergie. Disons 33 MJ/kg pour être au milieu. Mes 4 bougies ont donc 2,06 MJ d’énergie.

Dans notre pièce, on a 50 m³ d’air.
À raison de 1,2 kg/m³,, ça nous fait 60 kg d’air à chauffer.
L’air a une capacité thermique de 1,01 kJ/kg/K (environ).

60 kg d’air, pour monter d’un seul degré, va demander une énergie de 60,6 kJ.

Avec nos 2,06 MJ, on pourrait donc chauffer toute cette air de 33 °C.

Ça devrait marcher.

Reste maintenant à voir si ça va marcher avec des meubles, des murs non isolés, des battements de porte et des pertes constantes au fil des 5h de chauffe. J’ai comme un doute, mais pourquoi pas. Faut que je fasse le test.
Faut aussi voir ce que ça va avoir comme conséquences sur la santé : les vapeurs de cire de paraffine et autres ne sont pas spécialement bonnes. Pour ça j’aurais tendance à préférer des lampes à alcool (éthanol pur, non dénaturé).
Le top serait de l’hydrogène, qui possède une énergie de combustion des plus élevées de tous les combustibles (200 MJ/kg).
http://citizenpost.fr/2015/01/egloo-le-chauffage-ecolo-qui-chauffe-votre-maison-pour-10-centimes-par-jour/

#14353

Loi Création : la redevance copie privée étendue au cloud - Next INpact

Alors…

Le prestataire de cloud paye quand il achète un disque dur.
L’utilisateur paye quand il achète son disque dur.
L’utilisateur et le prestataire payent quand le premier copie des fichiers sur le disque du second.

Dites, ça va bien vos conneries, là, non ?
http://www.nextinpact.com/news/98191-loi-creation-redevance-copie-privee-etendue-au-cloud.htm

#14352

Loi Création : vers une taxe ciblant Google Images - Next INpact

Putain mais ils n’apprendront jamais ?

Il y a 3 ans, c’étaient les journaux : ils voulaient que Google News les payent pour aggréger leur contenu. Ça n’avait pas marché : Google leur avait dit qu’ils ne les indexeraient plus si c’est comme ça (avant de lâcher quand même quelques millions dans leur gueule).

Maintenant ils reviennent avec une taxe sur Google Image, pour compenser la violation de droit d’auteur qui constitue la création d’une miniature de 40x40 px…

Mais qu’ils sont cons…
http://www.nextinpact.com/news/98207-loi-creation-vers-taxe-ciblant-google-images.htm