Codage. Annexes

Annexes - Les Bons liens

Voici des générateurs en ligne de css, bien pratique pour se faciliter la vie, et pour les personnes qui débutent en codage. dites-vous bien cependant qu'il n'est pas possible de se reposer uniquement là-dessus pour coder, rien ne vaut un bon vieux bloc note ou notepad avec des heures de galère et d'essais mais avec au final la satisfaction immense d'avoir créé quelque chose^^

• Vous avez du mal à mettre en place vos bordures avec les arrondis ? Faites les en quelques clics et avec la certitude d'avoir un code propre et complet fonctionnant sous tout les navigateurs avec http://border-radius.com/ !

• Un peu de mal à obtenir un code propre pour la mise en forme de vos paragraphes ? Ou bien vous ne pensez pas toujours à jouer sur l'espacement des lettres, des mots, des lignes... ? Peut-être que http://csstxt.com/ peut vous aider ! Encore mieux ! Visualisez vos changements de taille ou d'alignement de texte en temps réel avec http://csstypeset.com/, le code css s'affiche au fur et à mesure de vos modification, il est clair et facilement lisible pour être inclus dans une feuille CSS.

• Ce problème revient souvent dans les demandes d'aide : comment faire un tableau clair et efficace sur l'accueil de mon forum ? Utiliser le générateur http://grid.mindplay.dk pour faire à la fois une mise en forme simple et intuitive de vos colonnes (avec des boutons comme "augmenter" et "diminuer" la largeur des colonnes, marge ou espacement) et réglez aussi la mise en forme du texte de chacune. Le code apparait en fin de parcours sous une forme claire : un code css (à mettre dans votre css de forum) et le code html (à mettre dans votre page d'accueil, par exemple^^).
Vous pouvez également utiliser http://netprotozo.com/grid, moins intuitif mais bien pratique pour faire des colonnes d'une même largeur en tenant compte des marges et des espacements dans une largeur totale de page définie, dans se retrouver avec un tableau trop large ou revenant à la ligne.
Le dernier que je vous propose c'est Webmastercorey qui permet de faire un tableau simple et vous propose des codes clairs à la sortie.

• Faites votre menu, horizontal ou vertical, avec le site http://www.cssmenubuilder.com/home. Choisissez les couleurs, mettez vos liens... tout est prêt lorsque vous obtenez le code ! Cela s'adresse plutôt à des sites que des forums, mais dans les templates ça marche certainement Wink. Le menu comprend bien sur des effets de rollover, par contre ce n'est QUE du codage, pas d'image donc ! Vous pouvez également télécharger sur http://www.cssmenumaker.com/ des menus préétablis que vous n'aurez plus qu'à personnaliser en changeant les couleurs et et mettant vos liens. Un autre du même genre que le précédent : http://www.cssportal.com/css-menu-generator/. Pour faire plus simple et surtout afin de ne pas vous faire entièrement mâcher le travail, vous avez http://www.tabsgenerator.com qui vous permet de mettre en forme des boutons de navigation simples et sans texte ni lien, juste pour avoir le css de mise en forme.

• Vous avez fait votre code css mais vous vous y perdez vous-même car il manque de clarté ? Le site http://www.cleancss.com/ vous permet de le nettoyer efficacement. Il suffit de copier votre code en sélectionnant ce que vous souhaitez qu'il améliore. Attention, ce site n'est pas un générateur de code ni un correcteur, il clarifie simplement un code déjà fait.



Avec tout ça même si le codage n'est pas votre tasse de thé vous allez pouvoir vous amuser, et puis si vous avez des questions vous savez que les membres et le staff du forum restent à votre écoute dans la section Aide ! Bon codage^^



Informations dénichées sur le net mais également trouvés dans le magasine Webdesign, hors série n°5.