Reprise du message précédent :
connaissais pas TN3 gallery, vraiment top

Comment vous faites pour gérer le "gras" de polices utilisées avec font-face ?
J'utilise la police gras et non gras, mais si elle ne se charge pas pour une raison quelconque l'user se tape Arial en non gras.  
 
L'utilisation d'une police non gras couplée avec font-weight donne un rendu moins propre que si j'avais utilisé son équivalent en gras.
 
Pas sûr d'avoir été clair du à mon manque de vocabulaire certain dans la typographie.

moi j'ai compris la question, tu parles de font-variant (faite par la fonderie) par opposition à un gras fait par le navigateur, et j'ai aucune idée de la réponse.

Dites, petite question car vous avez + d'exp dans le web que moi.
 
Vous utiliseriez jQuery + des plugins efficaces (genre PrettyPhoto pour les popup image, Slidesjs pour les sliders etc..) comme base pour template de site ?
Ces scripts sont maintenu à jour, très customisable, ils fonctionnent bien partout, et sont tres rapide à mettre en place.
 
Le dev. web de ma boite tiens a utiliser ses scripts, mais quand je vois le truc pour gérer une galerie d'image par exemple.. ça me laisse perplexe.. par exemple:
 

<li><img src="" alt="" onclick="javascript:Foo('bar','foo')" style="pointer:cursor" /></li>
<li><img src="" alt="" onclick="javascript:Foo('bar1','foo')" style="pointer:cursor" /></li>
<li><img src="" alt="" onclick="javascript:Foo('bar2','foo')" style="pointer:cursor" /></li>

<div id="bar1" class="foo" style="display:none">
  <img src="" alt="" />
</div>

<div id="bar2" class="foo" style="display:none">
  <img src="" alt="" />
</div>

<div id="bar1" class="foo" style="display:none">
  <img src="" alt="" />
</div>

 
contre un prettyphoto:

<li><a href="maphoto.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>
<li><a href="maphoto1.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>
<li><a href="maphoto2.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>

 
Je suis loin d'être un spécialiste JS mais niveau sémantique et simplicité, c'est quand meme haut dessus non?

tu veux bien me virer ces "javascript:" dans les events

je m'amuse comme un petit fou : aujourd'hui : le mouse over sur une cellule de tableau (oui je sais y'a 150.000 plugins datagrid pour jQuery)

<li><img src="" alt="" onclick="javascript:Foo('bar','foo')" style="pointer:cursor" /></li>
<li><img src="" alt="" onclick="javascript:Foo('bar1','foo')" style="pointer:cursor" /></li>
<li><img src="" alt="" onclick="javascript:Foo('bar2','foo')" style="pointer:cursor" /></li>

<div id="bar1" class="foo" style="display:none">
  <img src="" alt="" />
</div>

<div id="bar2" class="foo" style="display:none">
  <img src="" alt="" />
</div>

<div id="bar1" class="foo" style="display:none">
  <img src="" alt="" />
</div>

<li><a href="maphoto.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>
<li><a href="maphoto1.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>
<li><a href="maphoto2.jpg" rel="prettyPhoto"><img src="" alt="" /></a></li>

 
 
Faut changer de dev là

t'es dur  
 
 
Sinon HS: Le slider http://pixelentity.com/previews/co [...] index.html  

j'ai besoin d'une préco
 
je me fais une page de compta perso, mais puisque c'est de l'autoformation, autant le faire proprement.
 
l'interface principale sera logiquement sous forme de tableau avec les opérations, etc...je voudrais le faire en ajax, pour pouvoir par exemple clicker sur une cellule du tableau pour l'éditer, un peu comme Excel.
 
Cependant c'est pas du tout unobstrusive : si tu désactives le JS le tableau ne fait plus rien.
 
Quelle est la bonne pratique ?
 
Je pensais rajouter au tableau 1 colonne avec un lien (<a> ) "Editer", qui amènerait vers une page où on peut éditer / supprimer l'opération.
En JS je pensais cacher cette colonne après chargement et activer toute la tuyauterie jQuery pour rendre le tableau "éditable".
 
Ce qui m'inquiète :
- le JS se chargeant en dernier, on va la voir la colonne non ?
- ça me fait plus ou moins 2 chemins de code (encore qu'on puisse imaginer que cliquer sur le tableau ouvre une soft popup qui reprend grosso modo le contenu de la page de modif)
 
en gros c'est quoi les bonnes pratiques pour rendre une datagrid utilisable sans JS ?

 
On est en 2011. Est-ce que c'est vraiment une question pertinente ?

non. tant que le tableau est lisible, c'est bon.

y'a moyen de faire des tooltips sur 2 lignes cross-browser ?

Halp experts :

 
Je ne vois pas comment faire ce menu déroulant sans JS et encore moins comment avoir l'HTML propre.
Si j'imbrique l'ul dans le li je ne pourrais jamais avoir la largeur totale du header.

si t'as un div de hauteur libre qui englobe la totalité de ton menu, et sur lequel tu met le background semitransparent, le div grandira vers le bas quand le sous-menu apparaitra et son background sera visible sur toute la largeur.

Pas con.
Par contre j'ai joué avec les z-index pour éviter que le background du menu passe au dessus du logo, mais on faisant vraiment attention on remarque que toute la ligne du menu est légèrement plus foncé que le reste du header

http://developer.yahoo.com/yui/3/cssfonts/
/  ?
Pensées ?

Bon ça marche pas du tout, la hauteur du ul (ou de l'élément parent) ne s'agrandit pas quand le sous-menu apparaît.

http://james.padolsey.com/javascri [...] ified-url/

sauce ?

C'est un peu lèg comme docspec

 
help

laisse tomber en fait, j'en ai plus besoin, j'ai tout foutu sur une ligne (c'était ça ou tooltip customs).

Tin c'est super dur le nommage des classes en CSS.
 
Bon, j'ai une liste d'albums, je l'appelle albums-list ? Bah non je peux la réutiliser plus tard pour autre chose... Base-list ? Items-with-pics-list ? Déja c'est chiant. 1 mois plus tard, nouvelle maquette, nouvelle mise en forme liste pour une autre page : merde elle a pas grand chose à voir et c'est potentiellement celle-là la générique, faut tout renommer... Et ça puissance 12 pour le moindre élément... Top.
 
Et je passe les nommages de boutons quand yen a 5 utilisés dans des circonstances différentes...
 
Et les reskinnages par bouts...
 

Un commentaire lu sur un statut FB d'un de mes potes.

edit: fourte, je me suis trompé de topic...

euh
ul {} ?
et #albums {}, simplement
et/ou ul#albums.with-pics
Pis si t'utilises du css "statique" (tapé à la main) jpense t'as pas bcp le choix, t'auras du copié-collé . Quand jpeux, jpasse mes css via FreeMarker (ou autre lge de templating coté serveur, php ferait l'affaire) pour avoir des macros et autres (genre j'ai une macro avec ou un deux params pour des saloperies genre ombres ou webfonts)

Ah ouais toi la réutilisation tu te torches avec, d'emblée

plait-il ?
ß

ben la réutilisation, on verra ça au deuxième coup hein, parce que les plans sur la comètes, fuck

Pas faux.
 
Mais ça me semble quand même plus relou de refactorer en CSS qu'en dev normal...

hello, y'a une sous cat pour les CMS ou c DTC ?

d'ou ma suggestion d'utiliser un truc "coté serveur" (ou coté dev)

ça dépend du cms

je pensais à wordpress/joomla. Y'a aucune sous cat, ca m'étonne

Parce que c'est pas de la prog

tu peux injecter du css dans wordpress par exemple, créer des plugins, etc. Dommage

J'en sors de la comète. Et je suis bien comtent de pas avoir des ids dans tous les sens.

ben faut pouvoir éditer le tableau...

mais vous voulez dire qu'on s'en cogne en 2011 de supporter les gens qui n'ont pas de JS activé ?

in other words, comment vous construiriez ça en progressive enhancement ? je bute sur la meilleure façon de rendre les éléments de la table éditable...

 
A mon sens (mais chuis pas spécialiste web non plus, donc on me corrigera éventuellement) t'as deux cas de figure :  
1) tu développes un site à spectre large qui doit absolument toucher un maximum de monde, soit parce que c'est un site commercial, soit parce que c'est une obligation légale
2) tu développes un site qui vise un public précis ou qui peut se permettre de ne pas toucher tout le monde
 
Dans le cas 1 tu vas chercher une solution de repli, dans le cas 2 non.
Sachant que de plus en plus, même dans le cas 1 on s'accorde à dire que le cas "JS désactivé" c'est une exception absolument rarissime et qu'en gros ça ne sert à rien de se prendre la tête avec.