Le Hollandais Volant

#6518 - How to improve CSS code / HTML & CSS / Textile / Programming languages / Articles / Home - BASICuse - the home of the best guides and tutorials for every day

http://basicuse.net/articles/pl/textile/html_css/how_to_improve_css_code

Lundi 08 juillet 2013 à 17:25:02

Au niveau du poids du fichier, c’est plus rapide. Après, est-ce que des propriétés globales comme ça sont mieux pour le navigateur ? Plus rapide ?

Bon après, je les utilise depuis toujours quand même, donc bon…

#6493 - Comment perdre du poids (dans le navigateur)

http://browserdiet.com/fr/

html programmation

Jeudi 04 juillet 2013 à 19:07:40

Pas mal tout ça ! Et très complet.

Via http://tcit.fr/liens/?Efsa5A

Voir également http://lehollandaisvolant.net/tuto/pagespd

#6429 - How to create a static website with HTML | Web Tutorial Plus

http://www.webtutorialplus.com/html-tutorial-for-static-website/

html

Mercredi 26 juin 2013 à 15:20:01

Parfois il faut revenir à la base.
Ce tuto peut servir pour ceux qui débutent.

#6327 - Stop Doing Internet Wrong. - Scott Hanselman

http://www.hanselman.com/blog/StopDoingInternetWrong.aspx

html programmation site web

Vendredi 14 juin 2013 à 22:46:18

+1

Voir aussi : http://lehollandaisvolant.net/?d=2013/04/03/20/42/00-10-trucs-qui-me-font-detester-votre-site-web

Que je complète avec une râlerie contre Youtube : un lien dans un description sur un autre domaine nous renvoie sur une page de confirmation. Youtube n’a pas compris ce qu’était le web ?
Oh, et youtube.com n’a pas compris que youtu.be est en fait le même site ? Et ben youtube, tu est con !.

(via http://qosgof.fr/fosteb/?JGZ7Ag )

#6215 - Note : CSS sélecteur de fou !

http://lehollandaisvolant.net/?mode=links&id=20130601204357

css html programmation

Samedi 01 juin 2013 à 20:43:57

En général on déconseille de mettre plus de 3 sélecteurs imbriqués : c’est mauvais pour le temps de rendu de la page.

Ce soir je tombe sur ça : #kIM tbody tr td table tbody tr td.last

8 sélecteurs, et sans classes ni ID. Pauvre navigateur…

#6202 - Note : CSS astuce pout les champs de recherche - Le Hollandais Volant - Liens en vrac de JeromeJ - Le Hollandais Volant - Liens en vrac de JeromeJ

http://www.olissea.com/mb/links/1/?kmPo3A

css html

Vendredi 31 mai 2013 à 18:17:21

Remonter ça, pourquoi pas.
Faut d’abord voir ce que dit la spécification exactement : le supposé bug est présent dans Firefox, Chrome et surtout Opera (connu pour suivre les spécifications à la lettre).

Après, ça se corrige biensûr en JS, mais le principe est de s’en passer justement. Sinon autant utiliser juste du JS (ça se fait en une seule ligne sur le onblur="") et pas le CSS (restons cohérent).

#6198 - Note : CSS astuce pout les champs de recherche - Le Hollandais Volant - Liens en vrac de JeromeJ

http://www.olissea.com/mb/links/1/?8MLEcw

css html programmation

Vendredi 31 mai 2013 à 16:33:20

http://lehollandaisvolant.net/files/i.html

Par contre, je viens de voir que ça ne marche que si le html contient véritablement quelque chose dans le value="".

Si on le remplit, le formulaire dans est bien rempli, mais dans le code source, seulement en mémoire. C’est un peu débile.

#6188 - Note : CSS astuce pout les champs de recherche

http://lehollandaisvolant.net/?mode=links&id=20130530205926

css html programmation

Jeudi 30 mai 2013 à 20:59:26

Dans Blogo, j’utilise un champ de recherche qui s’agrandit au hover. Pratique.

Si je veux le laisser grand également quand il y a quelque chose dedans, j’utilise ce CSS :

#q:hover, #q:focus, #q:not([value=""]) {width: 200px;}
#q {width: 50px;}

La largeur sera de 50px normalement.
La largeur sera de 200px au hover, au focus et si le « value » n’est pas vide.

D’autre sélecteurs sont là : http://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html

#6166 - FaceKat — Shiny Demos

http://shinydemos.com/facekat/

html opera programmation

Mercredi 29 mai 2013 à 00:34:40

Génial : on doit bouger la tête pour éviter les rocher !
Ça fonctionne avec la webcam :O

Un kinect dans la navigateur !!1!!

#6143 - How to use the Fullscreen API | Webdesigner Depot

http://www.webdesignerdepot.com/2013/03/how-to-use-the-fullscreen-api/

fffffuuuuuuuuuuuu html javascript programmation

Lundi 27 mai 2013 à 17:09:22

Ouais bah y’a pas un moyen de bloquer ça ?

Flickr aussi s’y met : quand on clic, paf ça le met en plein écran ! Rhaa®, je veux juste l’URL de l’image, moi !!1

Ne me dites pas qu’il faut faire un userScript pour si peu quoi :(

#6128 - 5 HTML5 Features you need to know – Adnane Belmadiaf's Blog

http://daker.me/2013/05/5-html5-features-you-need-to-know.html

html

Dimanche 26 mai 2013 à 15:17:30

Le truc des prefetch ça va faire chier les webmasters qui auront des requêtes inutiles…

#6119 - Cabaroc – Flat design : mode passagère ou tendance durable ?

http://cabaroc.com/flat-design-mode-passagere-ou-tendance-durable/

css design html

Samedi 25 mai 2013 à 12:48:42

Ouais, ben cette tendance de design pour tablettes, je n’aime pas.
En quoi c’est utile pour les PC ? Je préfère l’approche d’Apple : des icônes belles et finies, polies.

Idem pour le design : j’aime beaucoup ce que permet le CSS avec les dégradés et les couleurs, les effets de :hover et autres.

Tout ce monochrome, je suis très peu enthousiaste.

#6118 - Best Practices for Speeding Up Your Web Site

http://developer.yahoo.com/performance/rules.html

css html programmation

Samedi 25 mai 2013 à 11:29:47

Yahoo a beaucoup d'astuces comme ça.

#6116 - W3C mobileOK Checker

http://validator.w3.org/mobile/check?task=2013052419305978.mobile1&docAddr=http%3A%2F%2Flehollandaisvolant.net%2F

html

Vendredi 24 mai 2013 à 21:32:26

Le validateur de sites mobiles :O.

Mais putain, les conditions sont drastiques ! J’obtiens 0%.
Déjà en « critique » : la page fait plus de 20ko. WOAAAAH !

Toute réflexion faite, ceci doit-être le navigateur mobile pour ce qui est le Wap ou quelque chose comme ça. Ça ne peut pas être pour du 3G. Impossible.
Cay donc inutile un peu.

#6096 - Note : concernant le chargement progressif des images en JS (#lazy-load)

http://lehollandaisvolant.net/?mode=links&id=20130523223732

blogotext html javascript

Jeudi 23 mai 2013 à 22:37:32

cf :
http://lehollandaisvolant.net/?mode=links&id=20130517211925
http://lehollandaisvolant.net/?mode=links&id=20130518210114
http://lehollandaisvolant.net/?mode=links&id=20130517230303

Je vais changer ma tactique.
Je ne sais pas d’où ça vient mais le chargement progressif est assez lent quelque soit le système utilisé.
Je vais faire la même chose qu’ils font sur DeviantART : afficher les 20 premières images dans tous les cas. S’il y en a plus, on affiche un bouton « afficher les autres images ».
Notez aussi qu’ainsi s’il y a 21 images, alors 20 images seront affichées et un seule cachée. Ceci est débile. Je fais donc ça :
– moins de 30 images : tous sont affichés.
– plus de 30 images : on en affiche 20 et les autres avec le "voir la suite".

Ceci évitera d’avoir des comportements débiles.

J’ai environ 1000 fichiers dont la gestion est assurée par BlogoText actuellement. Et tout ça qui charge à chaque fois, c’est trop^^".

éléments plus récents éléments plus anciens