Hopla :)

Naviguez dans l’ensemble de Mandelbrot avec la souris (sélectionnez une zone à zoomer) ou avec les flèches de l’interface.

Vous pouvez changer la couleur aussi.

Plus vous zoomez, plus l’affichage prendra du temps, c’est normal.

(Évitez sur mobile, par exemple : la page n’est pas prévue, préférez un PC ou une tablette à la limite).

==

Si l’image apparaît toute d’une seule couleur avec quelques lignes brouillées, c’est que vous avez zoomé à la limite de ce que peut faire le javascript avec les nombres à virgule flotante.

J’essayerais de passer les float en double, pour avoir plus de pouvoir zoomant, mais ça risque de prendre plus de temps au rendu.

Il y a aussi des générateurs en WebGL qui sont *beaucoup* plus rapides. Par exemple :
https://gpfault.net/junk/mandelzoom/index.html
http://hvidtfeldts.net/WebGL/webgl.html

Mais je ne sais pas encore faire.
Faudra que je m’y mette : c’est beaucoup plus adapté pour ce genre de choses.

En attendant, mon outil, adapté d’un outil existant, s’en tire pas mal.
Je l’ai même nettement accéléré par rapport à l’outil initial.

Enjoy !

==

Sinon, la fonction pour produire des graphes des ensembles de Mandelbrot est simple à mourir (5 lignes de JS).
Le reste, c’est juste de la manipulation de canvas et de pixels.

J’essayerais de faire un article sur couleur science pour vous expliquer exactement ce qu’on voit en regardant ces figures psychédéliques.

==

N’hésitez pas à taper le bouton pour exporter l’image en PNG aussi ;)

— (permalink)

Page mise à jour pour Firefox 72.

Désormais je mettrais à jour cette page.

— (permalink)

C’est si beau.

Y en a plein, des pages qui produisent des fractales en JS.

Je vais essayer d’en faire une, parmi mes outils (probablement à partir d’un script existant, par exemple).

— (permalink)

science@lol

— (permalink)

Pour résumer : un retrait obligatoire en 1 h d’un contenu jugé haineux/terroriste.

Le problème ? Le voilà : jugé par qui ? Par la police.

Lol.
Macron prépare ses élections.

— (permalink)

Dans la même veine que le lien précédent…

Les en-têtes CSP (content security policy : https://developer.mozilla.org/fr/docs/Web/HTTP/CSP ) permettent de spécifier quels contenus peuvent s’afficher/s’éxécuter dans votre machine.

Pour vulgariser à l’extrême (ne faites pas ça), ça permettrait à n’importe qui de poster du JS ou du CSS valide dans vos pages (par exemple dans un commentaire) et ce dernier sera bloqué si les en-têtes interdisent le JS inline, ou le CSS inline.
(faut pas le faire car tous les navigateurs ne supportent pas et il faut partir du principe que le navigateur du visiteur (voire le vôtre) n’a pas forcément ça d’activé).

Si j’ajoute cette en-tête CSP à une page :

default-src 'self'; img-src 'self' data:; script-src 'self' 'unsafe-inline'; form-action 'self';

Cela autorisera par liste blanche :
– le contenu peu importe son type (default-src) en provenance de votre domaine ('self') seulement
– les images (img-src) en provenance de votre domaine (self), des liens data-uri (data:)
– les scripts (script-src) en provenance de votre domaine (self), ainsi que les script inline (unsafe-inline)
– les POST de formulaires (form-action) en provenance de votre domaine (self)

Tout le reste sera inutile, bloqué.

Avec ces règles, si vous mettez une image "src=https://example.com", alors l’image ne chargera pas : bloqué par les règles CSP : seule une image sur votre site, et une image avec data-uri peuvent s’afficher.

Dans les outils de dév de Firefox, vous verrez afficher une alerte relative à CSP.

Le lien que je donne ici permet de tester vos règles CSP (copiez-y mon code ci-dessus, pour tester). Il décortique également tout ça pour y voir clair.

Enfin, si vous utilisez Apache, voilà comment on ajoute une entête dans un .htaccess :

# Extra Security Headers
<IfModule mod_headers.c>
	Header set Content-Security-Policy "<regle csp>" 
</IfModule>

Remplacez <regle csp> par votre règle, virez les « <> », mais laissez les quotes.

Comme ça :

# Extra Security Headers
<IfModule mod_headers.c>
	Header set X-Content-Type-Options nosniff
	Header set Content-Security-Policy "default-src 'self'; img-src 'self' data:; script-src 'self' 'unsafe-inline'; form-action 'self';"
</IfModule>

— (permalink)

Feature Policy is being created to allow site owners to enable and disable certain web platform features on their own pages and those they embed. Being able to restrict the features your site can use is really nice but being able to restrict features that sites you embed can use is an even better protection to have.

Intéressant : il existe des en-têtes HTTP pour spécifier ce que les iframes/scripts ont le droit d’activer sur votre site : géolocalisation, notifications, etc.

— (permalink)

Oh !

Une regex dans le même genre que [0-9] et [a-z], mais pour tous les caractères imprimables de l’ascii : [ -~] (de l’espace au tilde dans la table ascii).

Pour ma, ma régex préférée, ça serait plutôt une astuce de ce style là : https://lehollandaisvolant.net/?mode=links&id=20131106104405

— (permalink)

😂

Le CEO d'une startup qui fabrique des bullshitomètre de protection contre les ondes en personne se sent obligé de rassurer ses clients après que Deus-ex-Silicium ait debunké l'appareil.

Tellement d'énergie déployée pour une arnaque, c'est quand même pittoresque.

Effet Streisand garanti, au passage, c'est mérité.

— (permalink)

On n’est pas loin d’en être arrivé là : ne vous rendez plus dans un commissariat avec votre téléphone (surtout si c’est sur une invitation de leur part).

— (permalink)

Gosh, merci !

If you connect to a WiFi hotspot whilst out and about, sometimes you have to login or accept Terms and Conditions. To do that the 'captive portal' has to intercept one of your requests and inject the login page for the WiFi. This usually results in a big, red warning from your browser which you should never click through! Instead, open a new tab in your browser and come here!

Sur certains portails captifs Wifi, quand on veut afficher une page web alors qu’on n’est pas encore connecté, si ladite page web est en HTTPS, alors le navigateur affiche, à juste titre, une erreur, car le portail captif intercepte la requête.

Je ne sais pas trop comment les portails captifs veulent faire pour continuer de fonctionner, mais cet "hack" fonctionne bien.

Les smartphones affichent généralement directement une page de connexion (l’OS fait un hit sur une page et regarde la redirection, j’imagine), mais sur PC c’est pas toujours le cas.

Pour se connecter, il faut alors utiliser un site en HTTP simple. Ce site là est, et restera toujours, en HTTP.

— (permalink)

J’adore ce mème, avec les deux femmes et le chat devant sa salade.

Mais là ça prend une proportion fantastique quand ils le refont avec tout un tas de styles différents. Ici, le style égyptien :D

(Voyez les hiéroglyphes dérrière ? Ce sont également des mèmes : on voit par exemple (à droite) le "galaxy brain', on voit le pikachu surpris, au centre, et tout au dessus, le gars avec le papillon « is this a pigeon ? »), à gauche en haut y a le "I dont feel so good", au centre le "distracted boyfriend", etc.

Y a aussi la version jap : https://imgflip.com/i/3lbca1
Renaissance : https://www.instagram.com/p/B7bTu6mFVQY/
Jap classique : https://www.instagram.com/p/B7WAPmTARl5/
…

C’est brillant :D

— (permalink)

Voir son site : https://solaire2000.pagesperso-orange.fr/P_MAISON_EXPERIMENTALE.htm

Le truc sympa (sur son site) c’est qu’il liste aussi les éléments qui posent problème dans son installation. Et il donne des détails techniques et des chiffres (a priori) réels, au moins réalistes.

Après le titre de La Montagne est mal choisi : sa maison est davantage semi-autonôme et écologique que "solaire" : il a aussi des pompes à chaleur et un poêle à bois, qui sont également installations très efficaces pour réduire sa conso d’électricité et son empreinte énergétique (le bois étant 100 % renouvelable, surtout avec le peu qu’il dit utiliser).

Bref, enfin un site sur la question qui ne se contente pas de faire du prosélytisme pro-écolo/anti-nucléaire, mais qui met la main réellement dans le cambouis pour prouver que ça peut marcher et jusqu’à quel point.

(Merci Valentin pour le lien !)

— (permalink)

Ce que ça dit, c’est que le "local" seul ne suffit pas pour ne plus avoir à sa soucier du CO2.

Il dit que le transport c’est seulement 10 % du CO2 d’un aliment. Le reste c’est la plantation, le traitement, la récolte, le stockage…

Et faire pousser des légumes dans un pays équatorial qui n’a pas besoin de serres géantes pour faire pousser énormément de légumes, ça revient plus écologique que faire pousser des trucs localement dans des serres, récoltées avec des machines et traitées contre des menaces (locales aussi) pour laquelle la plante n’est biologiquement pas équipée ?

Du coup, faudrait manger local ET de saison ET bio ET ramassé à la main, pour avoir un impact réduit.
Autrement dit, avoir son propre jardin et faire pousser des légumes de saison à la force de ses bras avec du fumier.

C’est loin d’être impossible, mais je vois mal les hipsters mettre les pieds dans un jardin plein de boue pour tirer les carottes du sol plein de fumier avant de les laver et de les manger :-D.

— (permalink)

Je viens d’ajouter un paragraphe sur l’historique du format A4.

En fait son origine provient de la révolution française.
Le format (ratio de 1,414) est d’origine mathématique, mais la dimension provient du système métrique et… d’un problème lié à la taxation de l’impression.
Il fallait pouvoir calculer simplement la surface de papier utilisée pour estimer la taxe. Ça explique que le format soit français (patapé!).

Je cite mon article :

L’usage d’une base « A0 » qui fait exactement 1 m² provient, elle, de la révolution française, en même temps que le système métrique : c’est le mathématicien, physicien et homme politique Lazare Carnot qui a proposé l’usage d’un format pratique et d’une dimension qui permette de facilement calculer la surface de papier utilisée. Pourquoi calculer la surface ? Pour la taxe sur le papier, appliquée au mètre-carrée de papier imprimé sur en [actuel] A2 et A3.

L’idée, née de la révolution Française, fit son chemin jusqu’en Allemagne, où l’organisme de standardisation allemand (le DIN) proposa de l’utiliser comme format standard dès 1922. Un très grand nombre de pays suivirent rapidement cette idée.
L’ISO adopta ensuite ce format dans l’ISO 216 et en 1975, l’ONU l’adopta à son tour.

Aujourd’hui, l’exception des pays de l’Amérique du nord et de quelques autres pays, il est utilisé dans pratiquement tous les pays du monde.

— (permalink)

… pour atteindre 0,79 € le kWh.

… soit plus de 5 fois le tarif particulier.
Recharger à la maison la nuit (et en France), ça revient toujours 2 à 3 fois moins cher que le plein de pétrole (et je parle bien en coût au km).

Juste pour info : Ionity, le réseau de charge en train de monter actuellement et en train de prendre le monopole est financé par BMW, VW, Mercedes, Porsche, Ford, Hyundai et… Shell.

Pardonnez-moi d’y voir une tentative de meurtre de la voiture électrique dans son œuf par les magnats de la voiture thermique.

C’est donc un faux problème. Le jour où Tesla fera des tarifs comme eux, là on pourra dire que le plein d’électricité coûtera plus cher que le plein d’essence.

Le coût est moins élevé pour l’électricité, c’est sa tarification et ses marges qui sont artificiellement hautes.

— (permalink)

Ça me fait penser à ça : https://www.youtube.com/watch?v=e-IPoCL7n0o

— (permalink)

La page pour télécharger l’installateur qui va à son tour télécharger Edge (pourquoi ? parce que Microsoft !).

ÉDIT : ça marche bien en fait : https://lehollandaisvolant.net/img/78/edgium-fail.png :D

Du coup j’installe les MàJ et là :

Mise à jour de fonctionnalité vers Windows 10, version 1903
Statut : Erreur de téléchargement - 0xc1900223

Toujours au top, hein.

En cherchant pour cette erreur, Microsoft conseille ça : https://answers.microsoft.com/en-us/windows/forum/windows_10-windows_install/clean-install-windows-10/1c426bdf-79b1-4d42-be93-17378d93e587 « Clean Install Windows 10 ».

Purée : pour installer un navigateur, il faut réinstaller tout Windows 10 ? Et pourquoi pas refaire un bigbang et recréer l’univers tant que tu y es ?

Ah oui, et la procédure de mise à jour :
– recherche de mise à jour
– mises à jour disponibles.
– Initialisation du téléchargement.
– préparation de l’installation
– téléchargement
– erreur.

Il peut pas juste télécharger le truc ?

— (permalink)

Un député ne peut porter atteinte à la bourgeoisie, ni, restant passif, permettre qu’un bourgeois soit exposé à un gueux.
Un député doit obéir aux ordres que lui donne un grand patron, sauf si de tels ordres entrent en conflit avec la première loi.
Un député doit protéger l’existence de la bourgeoisie tant que cette protection n’entre pas en conflit avec la première ou la deuxième loi.

— (permalink)

522 quand-même…

Et probablement encore plus de valeurs !

— (permalink)