Outils CSS62 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

Jérome Debray (ornitho13) nous présente un outil permettant de générer des boutons en CSS3. Il fait appel à plusieurs propriété CSS, telles que border-radius, background gradient, box-shadow, etc. pour générer ce bouton. À essayer pour voir tout le potentiel de cet outil.

Créez et éditez vos pages Web de manière visuelle avec Namo WebEditor, l'éditeur HTML WYSIWYG (éditeur visuel qui ne nécessite aucune connaissance du code HTML.

Namo WebEditor possède de nombreuses options, en voici un aperçu : Gestion du HTML dynamique grâce aux assistants Script & DHTML, support de la norme HTML 4.0, des feuilles de style CSS et du DHTML, support des spécifications Unicode & vérification orthographique.

Edit : L'outil ne semble plus disponible sur le site de Namo.

Vim est un éditeur de texte, c'est-à-dire un logiciel permettant la manipulation de fichiers texte. Il est directement inspiré de vi (un éditeur très répandu sur les systèmes d'exploitation de type UNIX), dont il est le clone le plus populaire. Son nom signifie d'ailleurs Vi IMproved, que l'on peut traduire par « VI aMélioré », ou éventuellement « VI Meilleur ».

Quanta Plus, l'éditeur web par excellence pour Linux (KDE). Quanta Plus est un environnement de développement (IDE) orienté web. Il accélère beaucoup la programmation en PHP/MySQL et intègre entre autres les langages HTML, CSS et XML. De plus, on peut rajouter à Quanta Plus d'autres fonctionnalités en installant des modules (il y en a beaucoup en développement). Enfin, ce logiciel est entièrement traduit en français.
Note :
Depuis 2010 l’auteur a abandonné le développement ainsi que le site officiel. Le code est désormais maintenu dans un dépôt Git hébergé par le projet KDE.

HTMLPad est un éditeur (X)HTML, CSS, JavaScript assez sophistiqué reconnu par des milliers de développeurs web.

Une interface propre et pratique, un démarrage rapide, une vraie flexibilité et des fonctions puissantes vous permettront de créer et d'éditer du HTML, XHTML, CSS et JavaScript.

Avec Rapid CSS Editor vous pouvez facilement créer et éditer des feuilles de style en cascade (CSS) de n'importe quelle taille et de tout niveau de complexité.

Vous pouvez soit écrire manuellement le code CSS, soit laisser l'éditeur le faire à votre place.

PHP Designer 2007 est un éditeur/IDE, gratuit, pour les développeurs débutants et professionnels.

L'édition personnel est une version simplifiée contenant une petite sélection des fonctionnalités de l'édition professionnel

Jérome Debray (ornitho13) nous propose un générateur de bordure CSS3. Il permet de définir la couleur, le style et l'épaisseur de la bordure, mais aussi, et c'est tout l'intérêt de son générateur, de faire des bords arrondis.

Holmes est une feuille de style CSS qui permet un diagnostic de vos éléments HTML.

Vous disposez de trois codes couleur différents : une bordure rouge pour signaler les erreurs, une bordure jaune pour signaler les avertissements (mauvais usage par exemple) et enfin une bordure gris foncé pour signaler les éléments dépréciés.
De plus, un tooltip apparait au survol d'un élément signalé par un des trois codes couleur contenant une explication de l'erreur.

Bonjour, je voudrais faire profiter à d'autres utilisateurs ma découverte du logiciel "Atom"

[u]Avantages:[/u]

Gratuit
Coloration syntaxique
Thème de base agréable, sombre, soulageant les yeux...
Aide à la déclaration CSS
Possibilités d'installer des patches supplémentaires
Compatible Windows et linux (testé personnellement sous Fedora et Windows10)

[u]Inconévient:[/u]

Je n'ai pas réussi à activer la fermeture automatique des balises html (peut-être que j'ai mal cherché ?)

hint.css est une bibliothèque pure CSS qui permet de créer des tooltips.

Un tooltip est une petite bulle d'information qui apparait lorsque l'on survole un élément HTML avec sa souris.
Grâce à cette bibliothèque vous n'avez plus besoin de JavaScript pour créer et personnaliser vos tooltips !

Font Awesome est un kit complet d'icônes gratuit basé sur Twitter Bootstrap.
Mais vous n'avez pas besoin d'utiliser ce dernier pour intégrer les icônes !

Utilisez simplement la page "copier/coller" pour ajouter n'importe quelle icône du kit à vos pages (en ayant préalablement installé le kit).

De quel préfixe vendeur votre visiteur a-t-il besoin ?

Présentation
PrefixFinder est un petit script utilitaire permettant de gérer facilement les préfixes vendeurs liés au navigateur de votre visiteur lorsque vous devez manipuler les styles CSS.

Fonctionnalités
PrefixFinder propose diverses fonctions utiles :

• PrefixFinder.prefixe contient un objet composé de deux propriétés (.css et .js) indiquant le préfixe CSS et JavaScript du navigateur ;
• PrefixFinder.getPrefixedProp(propriete) est une méthode retournant un objet composé de deux propriétés (.css et .js) indiquant pour la propriété CSS propriete sa syntaxe CSS et JavaScript pour le navigateur de l'utilisate ... Voir la suite

Jérome Debray (ornitho13) nous présente ici un outil qui permet de générer des colonnes automatiquement pour un contenu. Par exemple, si vous avez un long texte que vous voulez présenter sur quatre colonnes et dont la mise en place est fastidieuse par des div, cette méthode vous offre la possibilité de le faire juste en CSS sans toucher à la mise en page HTML. Le plus simple est de l'essayer !

Jérome Debray (ornitho13) nous permet ici, grâce à son service en ligne, de générer facilement des ombres pour nos boîtes HTML. Rien de telle que la pratique pour mieux comprendre le fonctionnement de cette propriété "box-shadow".

CSS Validator est une extension de Mozilla Firefox qui permet de valider une page en utilisant le W3C CSS Validator (le validateur CSS du W3C).

Elle ajoute une option au menu du clic-droit et au menu outils qui permet de valider facilement le CSS de la page courante.

Ouvre le résultat dans un nouvel onglet.

Cette extension fonctionne uniquement avec des pages ayant un fichier CSS associé.

Code Cola est une extension chrome vous permettant d'éditer le contenu d'une page web en ligne pour en modifier le CSS visuellement

Ceci est un simple menu qu j'ai essayé de mettre au point qui donne un effet lumineux transitionnelle au survol de la souris.

Bonjour, je voudrais faire profiter à d'autres utilisateurs ma découverte du logiciel "Atom"

[u]Avantages:[/u]

Gratuit
Coloration syntaxique
Thème de base agréable, sombre, soulageant les yeux...
Aide à la déclaration CSS
Possibilités d'installer des patches supplémentaires
Compatible Windows et linux (testé personnellement sous Fedora et Windows10)

[u]Inconévient:[/u]

Je n'ai pas réussi à activer la fermeture automatique des balises html (peut-être que j'ai mal cherché ?)

Bonjour, je voudrais faire profiter à d'autres utilisateurs ma découverte du logiciel "Atom"

[u]Avantages:[/u]

Gratuit
Coloration syntaxique
Thème de base agréable, sombre, soulageant les yeux...
Aide à la déclaration CSS
Possibilités d'installer des patches supplémentaires
Compatible Windows et linux (testé personnellement sous Fedora et Windows10)

[u]Inconévient:[/u]

Je n'ai pas réussi à activer la fermeture automatique des balises html (peut-être que j'ai mal cherché ?)