hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Nettoyer les codes HTML désordonnés avec la laveuse HTML

Si vous modifiez la page Web de quelqu'un d'autre ou si vous voulez copier un code d'une mise en page, il peut être difficile de parcourir le formatage . Vous devrez nettoyer beaucoup de zones désordonnées et ce n'est pas amusant à faire manuellement.

Avec l'application Web HTML Washer, vous pouvez nettoyer automatiquement tout code HTML en cliquant sur un bouton.

Cette application Web supprime toutes les fonctionnalités inutiles du code HTML, y compris les CSS et JavaScript excessifs. Il supprimera également la plupart des classes et des attributs pour ne conserver que le modèle HTML strict.

C'est peut-être le plus utile lorsque vous étudiez la structure d'un autre site Web . Si vous voulez cloner une mise en page, vous pouvez facilement visualiser la source et copier / coller le code dans votre propre éditeur.

Vous pouvez également supprimer les commentaires HTML et simplifier davantage le code . C'est là que HTML Washer est utile.

Il a une poignée de fonctionnalités soignées et celles-ci sont les plus utiles pour les développeurs :

  • Convertit le code en HTML5 (à partir de HTML4 / XHTML)
  • Corrige les balises mal formatées
  • Reformate le HTML avec une indentation appropriée
  • Supprime tous les scripts en ligne et CSS

Notez que HTML Washer n'est pas une solution complète pour le transfert d'une mise en page plus ancienne en HTML5 . Ce n'est pas non plus un outil parfait pour copier / coller littéralement une mise en page existante et la personnaliser.

Mais, en tant que point de départ, cet outil peut vous aider à nettoyer rapidement le HTML désordonné . Cela vous aidera à vous concentrer uniquement sur les principes de base du code, afin que vous ne soyez pas gêné par les classes ou les attributs HTML superflus.

Bien que, le cas échéant les balises n'ont pas d'attributs alt ce HTML Washer les ajoutera à la page. Il est destiné à produire du HTML qui est entièrement conforme aux normes modernes de codage et d'accessibilité .

Une fonctionnalité que j'aimerais voir est l' inclusion facultative de classes ou d'ID . Parfois, vous voudrez garder les classes, ainsi vous pouvez copier / coller le code avec la feuille de style originale pour garder le même aspect.

Pour le moment, ce n'est pas possible avec HTML Washer, mais espérons que cela puisse être ajouté dans une future mise à jour!

Pour un outil automatisé, cette fonctionnalité est géniale et vous permet de copier / coller du code ou de télécharger un fichier directement depuis votre ordinateur .

Pour le voir vivre en action, consultez le site principal et essayez-le. Si c'est quelque chose que vous pourriez vous voir en utilisant assurez-vous de le marquer.

Et, si vous avez des suggestions d'amélioration, envoyez un message rapide au développeur sur Twitter @HtmlWasher.

6 puissantes fonctionnalités de Google Analytics

6 puissantes fonctionnalités de Google Analytics

Google Analytics est beaucoup plus robuste que la plupart des gens l'attribuent. Contrairement à la croyance populaire, il peut faire la plupart des choses que les suites d'analyse plus avancées peuvent faire, sauf que Google le fait gratuitement.De nombreux concepteurs et développeurs Web se plaignent des limites de Google Analytics. À

(Conseils techniques et de conception)

Un regard sur: les polices utilisées dans les logos des marques populaires

Un regard sur: les polices utilisées dans les logos des marques populaires

Est-ce que vous vous trouvez en train de regarder le logo d'un autre designer et d'essayer de déchiffrer immédiatement la police de caractères utilisée? Si vous êtes un concepteur, c'est probablement une habitude inévitable. Il n'y a pas de règles strictes pour vous aider à déterminer quelle police de caractères vous devez utiliser pour votre logo. Et étant

(Conseils techniques et de conception)