Outils CSS62 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

EclipseStyle libère les programmeurs de pages Web d'utiliser NotePad pour éditer des pages CSS.

À présent, virtuellement, n'importe quel attribut de feuille de style, ou même de page Web, peut être mis à jour immédiatement. Quelques générateurs de feuilles de style existent et ils sont très bien, si jamais vous voulez faire des changements vous devez connaitre les noms et les valeurs de tous les attributs CSS.

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

csscss est un analyseur de code qui vous permet de détecter les redondances.
En fournissant un fichier CSS ou Sass à ce gem ruby, il vous détecte et affiche les règles CSS dupliquées.

jEdit est un éditeur de texte adapté aux développements en tout genre.
En effet, l'application est capable de mettre en évidence le code de plus d'une centaine de langages dont CSS, ASP, HTML, XML, PHP, Perl, JavaScript, AppleScript, ActionScript, C, C++, Java, Objective C, etc. jEdit permet d'annuler ou de refaire un nombre illimité d'actions. Les fonctionnalités du logiciel peuvent être améliorées grâce à l'installation de plugins. jEdit étant développé sur l'ensemble des plateformes, vous pourrez l'utiliser quelque soit votre environnement de travail.

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.

un outil en ligne pour générer des formes des ombres des animations et plein d'autres outils sympas pour vous aider pour le design CSS.
coveloping{}.

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 !

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.

Amateras le HTML est une grande aide pour travailler avec des fichiers Web quand vous ne voulez pas installer de lourds plugins comme les outils Web d'Éclipse. Il fournit une coloration syntaxique et une complétion pour les codes HTML, CSS, ainsi que XML.

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".

Un générateur de mise en page en ligne doté d'une très belle interface.

La construction du template se fait en mode WYSIWYG. Vous pouvez choisir un Doctype, définir les éléments de base de mise en page (#header, #footer,…), le nombre de colonnes, leurs largeurs, la disposition de celles-ci....et plus encore.

Votre mise en page finie, vous récupérez le gabarit HTML et la CSS associée, conformes aux recommandations du W3C.

Le service de validation CSS du W3C est un logiciel libre créé par le W3C afin d'aider les concepteurs et les développeurs Web à vérifier leurs feuilles de style en cascade (CSS). On peut s'en servir librement sur le Web, ou le télécharger et l'utiliser soit en tant que programme Java, soit en tant que servlet Java sur un serveur Web.

Si vous êtes un développeur ou un concepteur Web, cet outil sera un allié inestimable. Il comparera non seulement vos feuilles de style aux spécifications CSS, en vous aidant à trouver des erreurs, des coquilles ou des utilisations incorrectes de CSS, mais il vous dira également si votre code CSS est risqué en ce qui concerne la convivialité.

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é.

CSS Debug, outil en JavaScript à l'usage des concepteurs de feuilles de style, permet de mettre en évidence les propriétés CSS appliquées à un élément.

Sa fonctionnalité d'inspection du DOM permet de définir rapidement quelles parties de votre feuille de style peuvent influencer le rendu de l'élément sélectionné.

StyleMaster se présente sous la forme d'une fenêtre unique entourée de tiroirs de chaque côté regroupant l'ensemble des informations liées à la conception du style. La fenêtre centrale affiche le contenu de la feuille de style.

StyleMaster vous propose un mode expert et un mode assisté qui vous permettront de concevoir vos styles avec une assistance. Grâce aux assistants, vous créerez rapidement un modèle CSS (layout) avec colonnes, couleurs, pointillés, puis prévisualiserez leur résultat dans le navigateur de votre choix.

Il est livré avec une quinzaine de modèles très réussis, un remarquable éditeur multi-plateforme.

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 ».

ConTEXT est un éditeur de texte qui se destine avant tout aux programmeurs. Ce logiciel supporte de nombreux langages de programmation et en reconnaît la syntaxe, un système de coloration permettant de visualiser facilement les mots clés. Des fonctions bien pratiques comme l'indentation ou la mise en commentaire de blocs, la numérotation des lignes ou la gestion de "signets" sont également disponibles.

UltraEdit est un excellent remplaçant pour Notepad et beaucoup d'autres éditeurs de texte. Il supporte des fichiers de taille illimitée et possède un vérificateur orthographique contenant plus de 100 000 mots. De plus, l'application permet d'éditer en hexadécimal ou en colonnes. UltraEdit dispose d'une coloration syntaxique configurable, directement utilisable par les programmeurs.

Microsoft Expression Web est un outil de conception professionnel qui vous permet de créer et d'utiliser des sites Web standards, des présentations élaborées basées sur des feuilles de style CSS, des mises en forme et gestions étendues des feuilles de style CSS, des présentations enrichies des données et des technologies puissantes basées sur ASP.NET 2.0.

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 !