The Bullshit Web — Pixel Envy

#17648

À lire, pour ceux qui font des sites web.

Given the assumption that any additional bandwidth offered to web developers will immediately be consumed, there seems to be just one possible solution, which is to reduce the amount of bytes that are transmitted. For some bizarre reason, this hasn’t happened on the main web, because it somehow makes more sense to create an exact copy of every page on their site that is expressly designed for speed. Welcome back, WAP — except, for some reason, this mobile-centric copy is entirely dependent on yet more bytes. This is the dumbfoundingly dumb premise of AMP.

Haha, oui, c’est totalement ça : AMP, le truc de Google pour pister tout le mo… accélérer les pages web, c’est :
– 80 ko de JS
– pour afficher du HTML
– dans une mise en page minimale et moche

(Là où juste du HTML et ~15 lignes de CSS suffisent pour faire quelque chose de joli).

https://pxlnv.com/blog/bullshit-web/

Why You Shouldn't Use A Web Framework - DEV Community 👩‍💻👨‍💻

#17630

It's easier for beginners to use a framework

Sure, if you're a Sith.

Déjà que JS lui même vient, de base dans les navigateurs, avec une panoplie énorme de fonctionnalités, donc les 3/4 ne seront jamais utilisés dans quelque programme que ce soit, alors ajoute une sur-couche pour reformuler toutes ces fonctions de façon différente, à quoi bon ?

https://dev.to/gypsydave5/why-you-shouldnt-use-a-web-framework-3g24

What’s wrong with CSS-in-JS? | Brad Frost

#17373

J'ai jamais été fan du full-CSS-in-JS, et je rejoins ce que disait Daniel Glazman ici : les arguments généralement invoqués pour dire "non au CSS" ne tiennent juste pas debout et tendent même plutôt à démontrer que CSS a de bon nombre de points communs avec des langages de programmation !

Le mieux quand on vient se greffer sur un projet déjà existant c'est évidement de respecter la structure de l'existant, mais s'il est nécessaire de tout recommencer ou de créer un truc nouveau, je préfère utiliser les différentes techno pour ce qu'elles ont été prévues :

- HTML pour le code source de la page et le contenu
- CSS pour la décoration
- JS pour l'interaction et l'interface .

On peut utiliser JS pour modifier le CSS ou le HTML, mais généralement c'est à éviter.
Quand il faut modifier ce qui s'affiche à l'écran, je ne touche pas aux éléments HTML : je fais switcher des classes et je laisse le CSS faire le reste.

Ça me semble être la solution la plus propre : sans CSS le HTML s'affiche et le contenu est visible, et sans JS aussi, donc le contenu reste accessible. Ce n'est pas toujours la solution la plus légère par contre...

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