Impressum

Des Outils de base pour le cours CSS

mercredi 21 janvier 2009
par  François Daniel Giezendanner
popularité : 7%
1 vote

L’étude et la maîtrise des CSS sont nécessaires pour créer des sites Web modernes. Les CSS sont devenues incontournables sur le Web et les exploiter dans les développements est à la fois passionnant et contraignant.

De nombreux outils sont créés pour nous aider dans cette activité mais ils ne remplacent pas, loin s’en faut, une connaissance approfondie des CSS. Nous en donnons ici une liste non exhaustive et pour certains aspects, redondante.

 Les incontournables

Le cours sur les CSS fait appel à Kompozer ainsi qu’à certains « add ons » dans Firefox :

  • Modules Firefox
    Les modules complémentaires étendent Firefox en vous permettant de personnaliser votre navigation
  • DEUX « ADD ONS » FIREFOX ESSENTIELS :
    • Webdeveloper - add on Firefox
      • Selon SS : « Web Developer est probablement l’un des meilleurs modules complémentaires (add-ons en anglais) pour Firefox. Ce module s’ajoute à Firefox en tant que barre d’outil et permet aux développeurs Web de tester leurs créations avec différents paramètres. Il permet notamment de désactiver Javascript, les Cookies ou les styles (CSS), permet de faire différentes interactions avec les formulaires, obtenir de l’information spécifique sur les images ou même les désactiver. Il permet également de redimensionner le navigateur pour simuler un écran de 800 x 600 pixels, ou même de valider les CSS, le code HTML, les liens, etc. Tout développeur Web devrait à mon avis se servir de cet excellent outil de vérification ».
      • Selon Framasoft : « Cette extension pourrait être définie comme « le couteau suisse pour webmestres ». L’utilisation la plus « spectaculaire » est sans doute celle qui concerne les CSS, voir plus bas. Mais les autres possibilités ne sont pas à négliger.
        Petite revue des menus :
        Dans le premier menu, Désactiver, vous pourrez par exemple
        • Désactiver le Javascript, utile en terme de test d’accessibilité, en effet le Javascript dans vos pages peut masquer certaines informations.
        • Pourquoi ne pas repartir de zéro et « désactiver les couleurs de la page », vous pourrez même désactiver tous les styles Css de la page (et ce de façon précise : ceux inclus dans la page, ceux liés à une feuille externe)
        • Depuis que vous utilisez Firefox, les popups vous manquent ? et bien choisissez "désactiver le bloqueur de popups pour les voir réapparaître.
        • ...
        • et voir l’exemple d’utilisation sur les CSS... »
      • Téléchargement :
        Webdeveloper Version 1.1.6, May 19, 2008
        Site de l’auteur chrispederick.com
      • Excellentes descritions :
    • Firebug - add on Firefox
      http://extensions.geckozone.org/FireBug
      https://addons.mozilla.org/fr/firefox/addon/1843
      • Cette extension est un débuggeur évolué pour le navigateur Firefox.
      • FireBug vous permet d’explorer par clavier ou souris les coins les plus reculés du DOM. Tous les outils dont vous avez besoin pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension, incluant un débuggeur, une console d’erreur, une ligne de commande, et une variété d’inspecteurs intéressants…
      • Un rapide aperçu des fonctionnalités de FireBug
        • Un débuggeur JavaScript pour naviguer pas à pas dans le code une ligne à la fois,
        • Un icône de barre d’état qui permet de voir rapidement s’il y a une erreur dans la page web,
        • Une console qui montre les erreurs JavaScript et CSS,
        • Messages de Log de JavaScript dans votre page web sur la console (adieu « alert debugging »),
        • Une ligne de commande JavaScript (fini « javascript : » dans la barre URL),
        • Un espion du trafic XMLHttpRequest,
        • Un inspecteur de source HTML, styles associés, évenements, mise en page et le DOM. 

Add ons Firefox également intéressants :

    • CSS validator - add on Firefox
      by Michael Langley, Web Development
      Validates a page using the W3C CSS Validator.
      https://addons.mozilla.org/en-US/firefox/addon/2289

    • CSSViewer 1.0.3 -  add on Firefox 
      par Nicolas Huon, Développement Web
      A simple CSS property... Visualiser les propriétés CSS dans une page web.
      Updated 12.06.2008
      https://addons.mozilla.org/fr/firefox/addon/2104

    • CSSMate - add on Firefox
      by Malard, Web Development
      Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i’ve been using for many months. I’ve gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless...
      https://addons.mozilla.org/en-US/firefox/addon/4187

    • Font Finder - add on Firefox
      by Ben Dodson, Web Development
      Get all CSS styles of selected text in Firefox / Thunderbird...
      https://addons.mozilla.org/en-US/firefox/addon/4415

    • View formatted source (format source extension) - add on Firefox
      by Felix Ritter, Web Development
      Displays formatted and color-coded source and optional CSS information for each element. ...
      https://addons.mozilla.org/en-US/firefox/addon/697

    • Firebug - add on Firefox
      by Joe Hewitt, Justin Dolske, others, Web Development
      Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.3 requires Firefox 2 or 3.
      https://addons.mozilla.org/en-US/firefox/addon/1843

    • Dust-Me Selectors - add on Firefox
      by brothercake, Web Development
      Finds unused CSS selectors.
      https://addons.mozilla.org/en-US/firefox/addon/5392

    • W3C CSS validator - add on Firefox
      by Mat, experimental, Web Development
      Statusbar icon for valitading the current document’s Cascading Style Sheets (CSS) with the W3C CSS online validator...
      https://addons.mozilla.org/en-US/firefox/addon/2245

    • Gcssamer - add on Firefox
      by Charles Melhorn, experimental, Web Development
      Gcssamer is a lightweight CSS inspector for Firefox. Once installed, simply right-click on a web page element and choose View CSS Style Info from the context menu for a quick glance at its computed styles. You can opt to see an abbreviated set of the CSS properties you’re most interested in or a complete listing. Toggle a property’s selected flag to add it to or delete it from the abbreviated list.
      https://addons.mozilla.org/en-US/firefox/addon/9737

    • CSSMate - add on Firefox
      by Malard, experimental, Web Development
      Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool. Malard ade each stylesheet load into a seperate tab. Removed the save load clear functionality as Malard found it to be useless...
      https://addons.mozilla.org/en-US/firefox/addon/9468

    • Checky - add on Firefox
      by J. Schreiber, experimental, Web Development
      Easy to use interface to many free and commercial Online Validation and Analysis Services. Validate and analyse HTML, XHTML, CSS, RDF, RSS, XML, WAI, Section 508, P3P, Hyperlinks, Metadata and many more. Adds a context and tools...
      https://addons.mozilla.org/en-US/firefox/addon/165

    • etc.

 Autres outils CSS


  • iStylr - Online CSS Template Generator
    On line
    Un générateur de modèle CSS en ligne : Vous connaissez ?
    The iStylr, an online application that enables you to easily create, edit and share tableless css designs online. It lets you im- and export almost any website and allows you to create themes on the basis of other people’s designs.
    iStylr est une application en ligne qui vous permet de créer des feuilles de style CSS sans tables avec une bonne vitesse grâce aux différents outils mis intégralement à disposition en ligne.
    L’application inclut un éditeur WYSIWYG qui vous permet de déplacer / modifier des éléments par simple « glisser-déposer" et qui montre la syntaxe de la CSS et XHTML. Vous pouvez importer des graphismes et des thèmes directement depuis le Web grâce à l’inclusion d’adresses Internet (etc).
    Entre autres fonctions, il convient de mentionner la possibilité d’être en mesure de partager ses créations avec d’autres utilisateurs inscrits sur le site dans une galerie publique à partir de laquelle vous pouvez télécharger les réalisations des autres.
    L’utilisation de iStylr nécessite une inscription rapide pour accéder immédiatement à la demande totalement gratuit.
    http://istylr.com/index.php
    http://istylr.com/about.php#About
    iStylr Blog : Hi and welcome to the iStylr Blog. My name is Stephan Helbig and I’m the founder and developer of this site. In this Blog I’ll try to get you updated on new developments, improvents and other pieces of interest.
    http://istylr.com/blog/
    Générateur de feuilles de style CSS pour créer des modèles->http://www.matteodini.com/fr/2008/1...]
  • HTML PHP CSS Website Template Maker
    On line
    This PHP - HTML - CSS template generator creates a two column layout with both a header and a footer. This PHP / CSS Style Sheet template generator outputs full featured tableless code i.e. tables are NOT used for the template with the column layout.
    The resulting template is actually a combination of several files i.e. this is a true php, html, css template that makes it easy to control multiply pages at a web site.
    http://www.maketemplate.com/
  • CSS Form Code Maker
    Generates ’Colorful Box Layout’ For Forms
    On line (Webmaster Tools and Code Generators Online)
    This HTML - CSS form generator will create a nice looking layout for forms. The time is now right - to move to ’tableless’ layout for forms. And at the same time, add a ’little color’ to the forms.
    http://www.maketemplate.com/form/
  • CSS Layout Generator (de CSS Creator)
    http://csscreator.com/tools/layout
    The layout generated has changed significantly from previous versions. The main reason for change was to simplify the layout and in doing so make it easier to use. It no longer provides fixed width columns with fluid center or full length columns by default.
    This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
    Links to articles in the « Layout Hints » box to the right and the CSS Forum will provide help where needed.
    The generator requires a DOM capable browser with JavaScript enabled.
    To create your layout select the structural elements your site requires (header, footer, columns). Then specify a size in the field provided and choose a background color from the color chooser below.
    The color chooser changes values as you move your mouse along a row. To set the value of a row, click on the color row, to release click again. Once the color in the box is the color you are after, click in the background-color field to assign it the value.
  • Light Weight Multi Level Menu - Horizontal Menu (de CSS Creator)
    On line
    This is a multi level light weight drop down menu example based on the Suckerfish Dropdowns article by Patrick Griffiths and Dan Webb at A List Apart
    Style Generator : I’ve added a style generator for the menu to the side bar. Just click on a color from the color grid then click the field you wish to apply it to. Once you leave the field (click elsewhere), the style will be applied to the Horizontal menu as a preview. When you are happy with the styles click Generate Styles.
    http://csscreator.com/menu/multimenu.php
  • CSS Generator (de CSS Creator)
    On line
    This CSS Generator was first released in 2002. It has been kept as close to original as possible in the recent site upgrade.
    CSS Creator allows you to choose a style for your web page. Select different Cascading Style Sheet properties from the page below. To select a color, look for the HTML tag you want to effect, click the field you would like to insert color into, eg color or background, then simply click the color you want from the colors grid on the left. Most changes will display on the page as you make them.
    Select the checkboxes below to display more HTML elements for you to style. Once you have selected all the styles you want click the ’Generate CSS’ button at the bottom of the page.
    http://csscreator.com/?q=version1/index.php
  • Altova StyleVision® 2008
    Altova StyleVision® 2008 is an award-winning visual stylesheet designer.
    http://www.altova.com/products/stylevision/xslt_stylesheet_designer.html
    Edit XSLT / CSS Stylesheets – Download a free 30-day trial !.
    Full support for XSLT 1.0, 2.0, and Cascading Stylesheets (CSS) for creating advanced HTML Web pages is just one of the many powerful features provided by StyleVision® 2008. Others include :
    • Visual drag & drop stylesheet design
    • Rendering XML & database data in HTML, RTF, PDF, Word 2007 (OOXML) simultaneously
    • Web site design
    • Authentic® electronic forms design
    • Converting HTML to XML
    • Refactoring support to accommodate XML Schema updates
    • Single source, multi-channel publishing
    • Autogeneration of XSLT 1.0/2.0 and XSL:FO stylesheets
    • Database report design
    • CSS & Javascript support
    • Database connection wizard
    • And much more . . .
  • StyleBox CSS Generator
    StyleBoxCSS is a free program which helps you create stylish css boxes, headers and content areas for your website. Free download from Shareware Connection - StyleBoxCSS is a free program which helps you create stylish css boxes, headers and content areas for your website. Easy to use and includes color picker, over 100 backgrounds, border style guide and much more.
    http://www.download3000.com/download_13340.html
    Features :
    • Easy to fill in form with help & examples.
    • Two color selection tools (dropper and list of hex & colornames)
    • Includes over 100 free tiling background images.
    • Border styles guide.
    • Edit, generate and preview results until you’re happy.
    • Create an endless amount of headers, content areas and even full webpages.
    • Generate code and paste into your web page within minutes.
    • For both personal and commercial use.

  • Simple CSS — A Free CSS Authoring Tool
    Simple CSS Overview | Online Documentation
    Selon Guillaume BIZET : « Simple CSS est un petit logiciel hyper sympa et très pratique qui va vous permettre de construire vos fichiers CSS. Ce logiciel est totalement gratuit et est disponible pour windows et pour mac.
    Simple CSS vous permet deux choses : 1) Créer un projet a partir de rien, 2) Importer un fichier CSS que vous pouvez modifier par la suite.
    L’interface est dépouillée mais très complète et les options sont nombreuses. Un encart de prévisualisation,présent en bas de la fenêtre, vous affiche le rendu final de votre feuille de style. Simple CSS intègre un gestionnaire de projets qui va vous permettre d’organiser vos différentes feuilles de style en cours de développement.
     »
  • Free CSS Toolbox
    http://www.blumentals.net/csstool/
    Free CSS Toolbox est un logiciel de productivité simple, léger et gratuit (freeware) disponible uniquement pour Windows. C’est une boîte à outils assez complète pour l’édition de vos feuilles de style, qui offre toutes les fonctions nécessaires pour travailler efficacement sur ces dernières, à savoir :
    • création et édition simple
    • formatage et optimisation du code
    • validateur et correcteur de CSS
    • compresseur de code
    • intégration avec le validateur du W3C (l’organisme qui édicte les règles du développement web)
  • Dynamic Drive CSS Layouts
    This is Dynamic Drive’s new CSS layouts section. Here you’ll find tableless, CSS based page templates to quickly define the skeleton of your pages. Created : Oct 22nd, 2006 | Last Updated : Dec 25th, 2006.
    http://www.dynamicdrive.com/style/layouts/
    • Layout Categories :
      • Two Columns
      • Three Columns
      • Fixed layouts
      • Liquid Layouts
      • CSS Frames

  • CSS Menu Maker : des menus en CSS a customizer
    http://cssmenumaker.com/ CSS Menu Maker vous permet de personnaliser de très beaux menus. Il vous propose de construire directement vos menu et d’en télécharger le code complet 100% W3C valide.
    Vous avez le choix entre :
    • 6 menus drop down
    • 6 menus horizontaux
    • 6 menus verticaux
  • CSS Menu Builder
    Free customizable css menus for everyone...
    http://www.cssmenubuilder.com/home
    Info sur le site : « Please check out our 30+ horizontal menus, our 700+ vertical menus combinations and our breadcrumb menus that consist of more than 200+ combinations, in total the site offers more than 1000 menu combinations not including the endless color combinations.
    Below is a small sample and if you click around, you will notice that our own site menu randomly changes between the menus we offer.
    If you have a suggestion or a query, then you are more than welcome to contact me, though please bare with me, I will try to reply to as many emails as possible per day.
     »
    • n1 menus horizontaux
    • n2 menus verticaux
    • n3 menus Breadcrumb (fil d’Ariane)
  • CSS Navigation Techniques (37 entries)
    http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php
    Info sur le site : « Introduction : < CSS Showcase /> is a showcase of css based navigation menus, css tabs and css navigation techniques. The project demonstrates the beauty and the accessibility of CSS (Cascade StyleSheets) and its use for creating lightweight, easy-to-edit and beautiful navigation designs. Maintained and updated by Vitaly Friedman, it includes a showcase of submitted css navigation menus ( CSS-Zen-Garden), available for free download and use in both personal and commercial projects.
    This web-site also showcases the best examples of CSS-based navigation, found in the Web or suggested by the visitors of the site. The Techniques Section presents a list of current CSS Navigation Techniques, such as Sliding Doors, Taming Lists, Suckerfish Tabs, Hybrid CSS Dropdowns et cetera.
     »
  • izzymenu.com
    http://www.izzymenu.com/
    Create professional looking CSS menus for your Website as easy as never before !
    Build your cool menu online, without writing a single line of code ! What is IzzyMenu - it’s easy to use Menu Builder, which allows you to build your CSS & DHTML menu in minutes.
    Choose from dozens ready styles or create your own menu style. IzzyMenu, online menu generator is the best solution for amateurs and professionals !
    • Build your CSS menu for Free
    • The easiest online menu builder ever !
    • Create drop down DHTML sub-menu
  • Free Menu Designs V 1.1
    08 October 2004
    Info sur le site : « Need a block menu fast !
    Below are simple CSS menu designs for you to download and use any way you see fit.
    You can download the complete set, or an individual menu by clicking the Download Menu button located on each menu.
    Thanks to Veerle for the tutorial on the menu design 3, the best looking menu here.
    Please feel free to download for commercial or private use, and modify to suit your needs.
    Creative Commons - Attribution 2.0 - designed by Ian Main - e-lusion.com
     »
    http://e-lusion.com/design/menu/#1
  • CSS Menu Generator 3.5
    Free WYSIWYIG css menu builder...
    http://wonderwebware.com/css-menu/index.html
    CSS Menu Generator is a free WYSIWYG menu generator. With this version of the tool you can generate horizontal, vertical and drop-down (combo-box) menus. To generate your menu — just add menu items, select menu type, customize color and font settings, then just copy the CSS/JavaScript and XHTML menu code and paste it in your (target) webpage...
    A step-by-step guide and more info available in the help page.
    Selon Falkra : « Ce petit programme génère du code (X)HTML / CSS avec ou sans javascript (selon les choix) pour créer rapidement des menus de divers types pour sites web, avec du code à copier coller. Des menus horizontaux ou verticaux, avec liste déroulante et d’éventuelles sous catégories sont envisageables. Par défaut, les couleurs choisies sont criardes, et c’est assez laid, mais tout cela peut se paramétrer pour obtenir des résultats visuellement plus agréables.
    Le programme est bien conçu (on prévisualise directement à l’écran), mais les possibilités relativement restreintes, il cible donc un public amateur ou débutant, dont les préoccupations graphiques passent après le côté utile et fonctionnel d’un menu. Pour des solutions plus avancées, il n’y a pas le choix : il faut mettre les mains dans le code. Celui que le programme fournit peut aussi constituer une base de départ.
     »
  • CSS Tab Designer
    http://www.highdots.com/css-tab-designer/
    Create killer menus effortlessly !
    CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required !
    With the CSS Tab Designer, you can :
    • Quickly design your list visually
    • Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ]
    • Generate strict xhtml compliant code
  • Selon Falkra : « CSS Tab Designer permet d’ajouter en quelques clics des onglets ou un menu de rubriques (la traditionnelle colonne de gauche des sites) à un site, en utilisant les feuilles de style (CSS) en lieu et place de javascripts, plus lourds au niveau du code. Le nom du programme met l’accent sur les onglets, mais il ne fait pas que cela. Le paramétrage est simple : on choisit dans une bibliothèque fournie, on définit le nom des rubriques et la page à laquelle il faut renvoyer.
    Le programme vise un public qui n’a pas forcément de connaissances avancées dans la matière, on regrettera ainsi de ne pas pouvoir créer des sous catégories dans les menus verticaux, ni d’éditer directement les thèmes proposés. Par contre, il faut reconnaître que son utilisation est simple et rapide, on peut - en quelques clics - sans connaissance particulière, (re)donner un joli look à un menu, avec un effet rollover (lorsqu’on survole les boutons, ils sont mis en valeur). Nul besoin de dessiner cela soi-même.
    L’export en html est disponible, ainsi que l’aperçu du code, pour l’intégrer facilement à un projet déjà existant.
     »

 Générateur CSS en ligne performants et simples

  • Générateur de CSS en interne ou en externe
    Générateur de CSS en interne ou en externe, avec visualisation possible des résultats. Mode d’emploi de l’intégration de la ’class’ ou de la feuille de style en ligne. Il est aussi possible de recopier ce code dans une feuille de style que vous adapterez ainsi à toutes les pages de votre site.
    http://www.unesourisetmoi.info/outils/generateur-css.php
  • Générateur de feuille de style (CSS)
    Définissez rapidement les styles des principaux éléments de vos pages avec CSS
    On line par KreaComm’, jeudi 20 juillet 2006
    http://kreacomm.info/spip.php?article15
    Sur le Web Créer sa feuille de styles css en ligne KreaComm décrit un petit générateur CSS en ligne. Sa description s’applique à un très grand nombre de générateurs CSS en ligne que l’on trouve sur le Web, voici donc sa description :
    • « Voici un petit générateur de fichier CSS minimal, sans aucune prétention, ce générateur vous permet de mettre en forme simplement et rapidement une page web avec les couleurs de votre choix. Attention, pas de sélection complexe des éléments et finalement assez loin des possibilités offertes pas ce langage.
    • Vous pourrez contrôler les principaux éléments d’une page simple : police utilisée dans le document, sa couleur, sa taille ainsi que la couleur de fond de page. Il est également possible de choisir une image sur votre ordinateur qui sera utilisée comme fond de page (mosaïque).
    • Néanmoins, nous n’en restons pas là puisque la présentation des paragraphes est aussi personnalisable, à savoir la police, la couleur, la taille et l’alignement.
    • Très important aussi, les liens, vous n’aimez pas ce bleu par défaut ? Modifiez la police, la couleur, le style (gras, italique…), la taille et bien sûr le soulignement ; le tout pour chacun des états (normal, survolé, cliqué).
    • Dernier point important, les formulaires, vous pouvez changer l’aspect pour les boutons de validation, et les champs de texte (input, select, textarea) en jouant sur leur couleurs des caractères, la taille et la police utilisée.
    • Le générateur permet aussi la personnalisation des scrollbar (barres de défilement), étant donné que cela ne fonctionne que sous IE, je ne m’attarde pas dessus. Et, après réflexion, je pense que cela ne doit pas faire partie des possibilités offertes par CSS (…) »
  • Générateur de feuille de style (CSS)
    CSS Débutants
    Remplissez ce formulaire et vous obtiendrez le code nécessaire à la création d’une feuille de style.
    http://css.mammouthland.net/genecss.php
  • Générateur de feuilles de style css.
    Cet outil gratuit vous permettra en un instant de générer une feuille de style externe pour votre site
    Cette feuille contiendra les indications de mise en page qui seront communes à toutes les pages de votre site : couleur du fond de page, taille et format des polices du texte des titres et des sous-titres, décoration et fonctionnalités des liens internes et externes à votre site.
    Création de la feuille de style : Remplissez tous les champs selon vos envies et générez la feuille, c’est aussi simple que ça. Si vous voulez modifier, changez l’instruction correspondante puis appuyez sur générer. Cet outil offre de meilleures fonctionnalités de création sous Internet Explorer (rendu des couleurs).
    http://outils.enaty.com/outils/generateur-css.php
  • Blueprint Grid CSS Generator
    Version : v.04 (2007-08-29)
    http://blueprint-generator.kaizeku.com/
    INTRODUCTION :
    This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.
    USAGE :
    1. Enter your desired number of columns.
    2. Your column width.
    3. Enter the width of your margin.
    4. Enter the desired page width.
    5. Click ’Generate CSS’ button and copy the results from the Generated Code section
  • Générateur CSS de liens hypertextes
    Vos pages contiennent certainement des liens hypertextes. Donnez leur de la vie à l’aide de ce générateur de feuilles de style proposé par Jexiste : ils prendront un aspect différent lorsque le visiteur les survolera avec sa souris (effet du lien). Attention : si vous choisissez une taille de police en point, sachez que l’affichage ne sera pas le même selon le navigateur ou le système d’exploitation (par exemple, 8pt verdana sera à peine lisible avec un portable Macintosh)
    http://www.jexiste.fr/faq/generateur/css
    http://www.stools.net/faq/generateur/css
  • Les générateurs de feuilles de style
    http://www.gratos.be/webmaster/css.htm#
    • Webmaster débutant
      Modifie uniquement la couleur et l’apparence des liens au survol de la souris.
      Le générateur simple
    • Webmaster aguerri
      Modifie la couleur, la taille, la forme du curseur, l’apparence, le style, etc ... des liens au survol de la souris
      Le générateur complexe

Publications

Derniers articles publiés

Navigation

Articles de la rubrique

  • Des Outils de base pour le cours CSS

Agenda

<<

2016

 

<<

Juillet

 

Aujourd'hui

LuMaMeJeVeSaDi
27282930123
45678910
11121314151617
18192021222324
25262728293031
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


1 site référencé dans ce secteur