PUBLIC MARKS from decembre with tags outil & css

Customize Border Radius and Size. And Copy and paste in your css

Modernizr est voué à la détection des fonctionnalités navigateurs via JavaScript. Il permet de prévoir des alternatives (basées sur d'autres bibliothèques) pour les moteurs ne supportant pas l'une ou l'autre des propriétés CSS, HTML, etc.

A pretty complex tool to help you find your color scheme.

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).

CSSFontStack is a simple, one-page website which lists all the web-safe fonts.Today, many websites are using web-fonts with @font-face for a more customized design. However, web-safe fonts usage is still so wide as many others prefer to make sure all fonts will be displayed cross-browser/device, not to use web-fonts services and/or minimize the total size of websites.

When an CSS (Cascading Style Sheet) document is edited is very easy to mess the code making it unreadable. Especially if you use many nested STYLES it can become difficult to remember how the document is structured. CSS Beautifier will help you to solve many of these problems. This tool can process an CSS document and reformat it with a correct indentation and syntax highlighting. By applying CSS beautifies to your CSS code will improve the layout and indent style of the resulting CSS code. Beautification involves using white spaces like tabs and line-breaks to indent CSS code. Compaction removes unnecessary white spaces. This online tool will not fix your invalid invalid indentation, unpack CSS, De-Obfuscate CSS.

Responsive design bookmarklet : Viewport resizer is a browser-based tool to test any website’s responsiveness.

Des générateurs de sprites CSS pour accélérer le chargement des images

Favelets: these just dynamically write a link element into the head of the document. The link points to a style sheet. This allows for "diagnosis" favelets that are easy to update or change (you just edit the style sheet). Favelet Creator Input the URL of the style sheet you want to use in your favelet, and the name of the favelet as you want it to appear in your toolbar. The "Favelet" link should automatically update to use those values; you then simply drag it into your favorites toolbar.

Type a CSS property name into the box above. The page will automatically update as you type. Add a space after the full property name to avoid multiple results for certain keywords. The first value listed is the initial/default value for that property.

Lorsque vous développez un site Web ou une application Web, avoir les bons outils peut certainement vous aider à économiser beaucoup de temps. Dans cet article, j'ai compilé une liste d'outils utiles et super pour le codage CSS

nstead of loading dozens of images, it is way better to load one big image and use the technique called CSS sprites. Glue is a simple command line tool to transform a set of images into a single file so you can easily use CSS sprites on your website. Super useful.

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

Traduction française de l'extension Web Developer de Chris Pederick (http://chrispederick.com/work/web-developer/). Cette magnifique extension propose plein d'outils facilitant le développement de site web.

Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.

Outils et Tutoriels... Templates et exemples...

Mozile (Mozilla Inline Editor) est un éditeur de pages XHTML, directement depuis votre navigateur. Outils d'édition courants (copier-coller, mettre en gras, changer la casse, mise en page, etc.) et insertion de liens etc ...

Outils 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…

ImageData Une icône 16×16 encodée en Base64 représentant le moteur de recherche. The data: URI kitchen (en) est un outil très pratique pour générer les données à placer ici

What it is Gmail Skins is a Firefox extension that tries to make your Gmail experiance a little better. What it does Click an item for a screenshot. * Change the colour of your inbox - Choose colours from green to dark green! * View weather, google calend

Allows you to remove anything from any website.

The Aardvark Firefox extension is a tool for web developers/designers providing the opportunity of viewing and editing styles (css) and content of the page elements ... Things You Can Do With Aardvark : Clean up unwanted banners and surrounding "fluff," e

A beautifully simple CSS property viewer - hover over any element to see its properties

"Performancing for Firefox is a full featured blog editor that sits right within Firefox. Just hit F8 or click the little pencil icon at the bottom right to bring up the blog editor and easily post to your Wordpress, MovableType or Blogger blogs."