Je fais du web-dev et que les concepteurs tranche et exportent de Photoshop. Le code généré est horrible. La première chose que je fais est de tout prendre hors des tags et de les mettre dans les fichiers CSS. Je me demandais donc s'il y avait un outil qui peut automatiser cela?
3 Réponses :
HTML Tidy est un excellent outil. Cela ne fera pas ce que vous voulez exactement, mais cela peut être un bon démarrage si vous utilisez HTML généré. Voici une instance en ligne: http://infohound.net/tidy/
Ce serait un outil intéressant.
Je suppose que ma première question serait, est que le code Photoshop va être sémantique? C'EST À DIRE. Y aura-t-il un pour les paragraphes, etc.
Puis quand il s'agit de CSS .. Vous ne créerez certainement pas de code de qualité faire cela. Cependant, cela me semble que vous n'êtes pas vraiment une personne frontale. Cela rend toute réponse plus difficile ..
meilleure réponse: code à la main .. Le code sera meilleur.
Réponse suivante: Codage de la main hors de la question? Il y a d'autres options.
Un bon tutoriel est ici .. Cependant, c'est fondamentalement vous aider à main code. comme sujet principal .. et
J'écrirais mon propre script, vous pouvez prendre une inspiration:
Cela fait le contraire, mais si vous aimez Ruby, vous pouvez être vous pouvez étudier le code: Recherche de préalable sur github, il utilise le hpricot gem.
Bien sûr, si vous ne voulez pas passer le code de temps, vous pouvez utiliser Tidy : Si vous êtes votre fichier inlined-file.html contient: Quelqu'un de texte ... Il le remplacera en insérant quelque chose comme celui-ci
Vous voulez dire, par exemple, prenez
BLAH et émet une règle CSS qui correspondra à cette portée particulière et définir ces règles dans le CSS (plutôt que dans l'attribut )? Serait assez cool, mais un gros cas d'utilisateur de mise en garde, car si les éléments impliqués ne possèdent pas d'identifiants, cela va être très fragile, dépendant de la structure HTML spécifique et cassée si vous changez que Structure pratiquement du tout ...@ T.J.: Il pourrait souhaiter automatiquement ajouter des noms de classe.
@Slaks: C'est maintenant une bonne idée, bien que les noms de classe d'aléhing sur la place (en particulier ceux ciblés à des éléments spécifiques) ne constituent pas nécessairement une amélioration par rapport à l'utilisation de . Mais bon, c'est un début, qui du son de c'est tout ce qu'il cherche.
Cela pourrait demander les noms de classe comme c'est parti.