The HTML Hell Page

#16980

Une énorme page comme mon top : « You Know You're In Design Hell When You See... ».

http://catb.org/esr/html-hell.html

Adding seconds to HTML5 time-input - Edit fiddle - JSFiddle

#16904

Le type « time » sur les input permet de spécifier une heure/minute. Ça retournera un truc comme "hh:ii:ss".

Pour que les secondes soient visibles il faut cependant ajouter un attribut « step="1" » à l’input, du moins pour Firefox.

Il y a aussi "date" pour les dates (cliquer dessus laisse le navigateur afficher un petit calendrier :3.

Enfin, on trouve aussi "datetime", qui combine les deux, mais il est moins couramment supporté.

http://jsfiddle.net/j08691/8BYt3/

Trouver les informations de votre navigateur - le hollandais volant

#16129

J’ai refaite ma page, un peu.

J’ai ajouté quelques informations système, comme le niveau de batterie mais aussi une détection plus poussée du FAI (à l’aide d’une API externe, mais avec le fallback basique interne à PHP).

Peut-être j’ajouterai la détection du GPS (géolocalisation html5), une photo de la webcam (souriez !), et diverses informations hardware (j’ai vu qu’on pouvait avoir les capabilités GPU/CPU maintenant, et tout ce qui concerne les capteurs des smartphones : luminosité, orientation, accéléromètre…).

GitHub - timovn/simple-js-toc: Creating a table-of-contents in a HTML file, based on h1, h2, h3… elements

#16044

Un bout de JS pour faire un TOC dans un document HTML.

Marre d’avoir seulement des scripts avec jQuery pour faire ça, ou alors des codes soit utilisant des regex, soit utilisant innerHTML (qui est lent) ou qui n’utilisent pas la gestion du dom correctement, soit utilisant des div/p, soit produisant un code non-valide.
Voici ce que j’ai et qui pallie à tous ces problèmes.

Résultat visible ici : http://lehollandaisvolant.net/linux/checklist

placeholder-shown — Can I use... Support tables for HTML5, CSS3, etc

#14514

Pour la couleur d’un placeholder en CSS, il y a une propriété officielle maintenant. Il faut utiliser la pseudo-classe "placeholder-shown".

input:placeholder-shown { color: white; }


Elle est encore très peu supportée, donc pour le moment on s’en tient à ça :
input::-webkit-input-placeholder { color: white; }
input::-moz-placeholder { color: white; }
input:-ms-input-placeholder { color: white; }
input:placeholder-shown { color: white; }


Par défaut, Gecko affiche la couleur du texte avec une opacité réduite : la couleur du placeholder hérite la couleur du texte du input.
Dans Webkit, la couleur est un gris à l’opacité réduite quelque soit la couleur initiale.

http://caniuse.com/#search=placeholder-shown

[PHP] Note : Parser du texte pour en faire des paragraphes

#14486

Dans un CMS, quand on doit parser le texte en du HTML, on utilise par exemple le nl2br() pour transformer les retours à la ligne en <br/>. Pour faire beau, on met tout ça dans un <div> et basta.

Sauf que ce n’est pas bien propre.
Le mieux c’est d’utiliser des balises <p>, les <br/> quand il faut (le second en cas d’un retour à la ligne, le premier en bas de deux retours à la ligne successifs, donc avec une ligne blanche entre les deux.

Ça semble simple.
Ça ne l’est pas.

Si votre texte contient déjà du HTML, vous vous retrouverez avec des <p>, des <ul> ou des éléments de type block dans des paragraphes. Ceci n’est pas valide W3C et c’est mal.

Voici une fonction qui prend du texte avec du HTML dedans et qui transforme ça en paragraphes : http://sebsauvage.net/paste/?39bac6fcd6d7e61e#EMx40oNNZwiVmkn3j5FYmjLHudTj9NkZ6J3PQvhNRmM=

Le fonctionnement est simple :
— 1) il analyse la première ligne.
— 2) si c’est un élément HTML de type block, il le passe dans le nl2br(), met ça de côté et retourne au 1)
— 3) sinon, si c’est du texte brute ou un élément de type inline, il grep le texte jusqu’à trouver deux retours à la ligne successifs (marquant le début d’un autre paragraphe) ou un élément de type block. Il capture le texte, le passe au nl2br(), le met entre deux balises <p>, met ça de côté et retourne au 1).

Ainsi, ligne après ligne, le texte est placé entre paragraphes ou conservé si c’est déjà un type block et on reconstitue un code HTML avec des paragraphes.

Mon code n’est pas parfait (il peut encore ajouter des <br/> là où il ne faut pas, par exemple dans un <pre> ou du code HTML mal indenté) mais fonctionne assez bien.