Reprise du message précédent :

 
Un parcours noeud par noeud en js en les modifiant au passage, j'ai pas les chiffres exacts, mais c'est des ordres de grandeurs plus lent qu'un parcours de chaine dès que le document est un peu grand.

 
Ah bah j'imagine bien qu'un traitement via le DOM a des chances d'être moins performant qu'un traitement sur les chaînes de caractère, donc là dessus pas de problème.
Y'a probablement moyen de gérer plus intelligemment la manipulation du DOM lors du parcours, mais là ça dépasse mes connaissances.

j'irai à coup de regexp en mode sauvage, je suis sur que c'est bien plus efficace

La question piège, c'est est-ce que tu veux préserver les parents de START quand tu fais ton extraction. Si oui, c'est pas un peu tricky avec les regexp ?

 
http://www.w3.org/TR/DOM-Level-2-T [...] Extracting
et  
http://www.quirksmode.org/dom/range_intro.html

 
OSEF dans mon cas, c'est du traitement ponctuel et ça sera certainement pas le bottleneck.
 

 
C'est exactement ça, c'est-à-dire que  
 

<ul>
   <li></li>
   <li>START</li>
</ul>

 
doit renvoyer
 

<ul>
   <li>START</li>
</ul>

 
pour faire simple, mais je suis en train d'adapter ton algo, ça devrait le faire.
 

 
Je vais jeter un œil pour le principe, mais c'est pas du Javascript (Java avec Jsoup), je pose la question dans Web parque c'est sûrement ici que vous jouez le plus souvent avec le DOM et que je voulais un avis point de vue algo uniquement.
 

 
Choisis ta méthode: http://blog.themeforest.net/tutori [...] -with-css/

Personne n'a d'avis sur mon pb ? (http://forum.hardware.fr/hfr/Progr [...] 5520_1.htm)

Petite question à propos de Js, je suis en train de lire un tuto et je suis tombé là dessus

 
Ça me parait bizarre de dire que c'est dépréciée et surtout j'arrive pas à voir pourquoi ça le serait. Des infos là dessus ?

Pout commencer, j'ai quand même l'impression que ton tuto est superpourri (c'est pas du tout déprécié à ce que je sache, juste avec peu d'intérêt et potentiellement risqué)

Ensuite, https://developer.mozilla.org/en/Ja [...] ects/Array

Tu peux initialiser un array avec

new Array(2, 3, 4, 5);

qui va créer un array de longueur 4 contenant les éléments 2, 3, 4 et 5, mais tu peux écrire ça plus simplement avec un array littéral

[2, 3, 4, 5]

qui donne un résultat identique mais est plus lisible et plus facile à optimiser, et surtout la forme via le constructeur a un cas particulier:

new Array(2)

crée non pas un array de longueur 1 contenant l'élément 2, mais un array de longueur 2 ne contenant aucun élément (pour être plus précis, il contient undefined en double), alors que sans arguments

new Array();

il crée bien un array vide.

Donc la syntaxe littérale est plus régulière, la syntaxe "constructeur" est plus à réserver au cas où on désire allouer directement un array de taille donnée (quasiment jamais)

Ca sert pour les concours de bite sur des one-liners

new Array(2, 3, 4, 5);

[2, 3, 4, 5]

new Array(2)

new Array();

 
Merci  
 
Edit: https://developer.mozilla.org/fr/  

MDN FTMFW

quick and dirty mais ne marche pas sous IE 6/7
http://jsfiddle.net/dApY5/6/

Une agence de référencement passe sur un de mes projets : "il y a plusieurs H1 par page"

J'ai toujours associé "SEO" à "parasite inutiles".

Tu lui montres ça : http://www.youtube.com/watch?v=GIn5qJKU8VM et tu t'en débarrasses, kthxbaï

L'event keyup sur un bouton ne bubble pas

Hey les gens, besoin de vos connaissances.
J'ai écrit ma première page web à l'époque où on trouvait des sites avec des images en .art  
 
Je me suis tenu un peu à jour des différentes évolutions, mais je ne sais toujours pas comment monter proprement une page en partant de 0, à savoir :  
- comment on organise le markup, comment on le conçoit
- comment on style la page en partant de 0 avec les techniques usuelles de positionnement
 
Je sais comment trouver en détail telle technique, mais j'aimerais bien quelques articles qui s'intéressent à la page dans son ensemble avec les bonnes pratiques qui vont bien.
 
Vous auriez ça ?
Je peux essayer de reformuler si j'ai pas été assez clair.

 
http://openweb.eu.org/
http://www.html5rocks.com/en/
 
https://developer.mozilla.org/fr/
http://dev.opera.com/

Bon visiblement j'ai pas été assez clair
J'ai pas besoin d'une liste de techniques. J'ai besoin d'une méthode.

Edit: merci quand même pour les liens, j'ai pas mal traîné sur openweb y'a longtemps, quand la notion de "standard du web" a commencé à ne plus être une idée saugrenue et c'est un chouette site.

http://teamtreehouse.com/
Mais c'est payant.

J'aurais tendance à dire que ça vient avec l'expérience

C'est évident que ça vient avec l'expérience, mon but c'est d'essayer de combler en partie le manque d'expérience en ne partant pas de 0.

 
Ben le markup se concoit en fonction du besoin du site amha, donc donner une méthode générique ça me parait un peu bizarre non?

Dire ça revient à dire que tu fais chaque page comme la première que tu fais de ta vie. Y'a forcément une méthode qui émerge au bout d'un moment pour partir d'un mockup et arriver au résultat final, non ?

Edit: j'ai fini par tomber plus ou moins sur le genre de choses que je cherche, pour préciser : http://24ways.org/2009/make-your-mockup-in-markup

Je partirais sur :

1. rédaction du contenu
2. balisage sémantique du contenu (sans pour le moment déplacer les éléments en fonction d'un éventuel affichage tordu), point de vue sémantique et suite à HTML5, j'avais bien aimé le chapitre sur diveintohtml5, mais il est offline apparemment  (en complément des notions valables dans les versions précédentes)
3. maquette toshop
4. intégration CSS
5. JS

Et comme j'imagine que le 4 constitue les 99% de ta question, je laisse les spécialistes CSS répondre, mais je trouve que les outils type SASS aident à s'en sortir quand on est dans ton cas (à savoir plus progueux que webeux).

En théorie, HTML5 Boilerplate et consorts sont censés te donner l'intégralité des cadres que tu recherches (markup, mise en page, JS et hébergement), mais c'est pas ordonné, y'a pas de process guidé par étape là dedans.

Edit : toasted, c'était bien uniquement le point de vue mise en page qui t'intéressait.

La maquette photoshop c'est pas un peu 1999 ?
Je prends note du reste.

 
Y'a encore un bon kilo d'agences / intégrateurs qui fonctionnent comme ça AMHA. Perso, c'est Balsamic Mockup pour le visuel, si ça doit être plus fouillé, ça sera directement en HTML + CSS, mais c'est uniquement parce que je suis une buse avec un logiciel de dessin.  
 

Ouais, je suis un peu dans le même cas
Après c'est purement pour moi, pas pour servir de référence dans une boîte ou autre.

Pour le moment, bosser sur du front, c'est un une activité annexe de mon boulot quotidien, mais j'aimerais le faire bien et notamment sur mes projets persos.
Et quitte à apprendre une méthode pour plus tard, autant ne pas apprendre la méthode d'il y a 10 ans, même si elle est encore largement utilisée

La méthode que tu donnes deux posts plus haut par exemple (sur 24ways), si t'as pas un minimum la fibre esthétique et que t'es seul, les passages naked/unstyled => mockup et mockup => styled layout sont juste apparentés à de la magie

Dites, y'a un truc que je saisi pas là..  
 
j'ai un menu en <li>, je les alignes tous en inline-block à droite. sauf qu'entre chaque <li>, j'ai un léger espace de 2 ou 3px entre ces inline-block. Le phénomène ne se produit pas quand je suis en float:left.. pourquoi y'a ce petit espace avec les inline-block ?
 
edit: http://www.ie7nomore.com/fun/white-space/ chelou ce truc.. je connaissais pas...

 
"After further research I have discovered that inline-block is a whitespace dependent method and renders a 4px margin to the right of each element.
 
To avoid this you could run all your lis together in one line, or block the end tags and begin tags together like this:
 
<ul>
        <li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li>
</ul>
"
 
Ou alors tu mets font-size:0 sur un élément parent, il se peut que ça marche aussi. Ex:
 
ul{font-size:0}
 
li{font-size:13px;}

 
j'ai vu ça aussi... pas super fan de cette solution du font-size:0;

 
Declare tes <li> les uns a la suite des autres alors