background preloader

Extensions FF

Facebook Twitter

4 Useful CSS Related Google Chrome Extensions. Google Chrome is getting popular day by day, as it is very useful for web designers and web developers.

4 Useful CSS Related Google Chrome Extensions

Using Chrome extensions you can easily debug the site. We have shared before, 15 Google Chrome Extensions for web designers and developers, but this time focusing on CSS related extensions only, which you can easily use to fix the CSS issues. 1. CSSViewer What if you want to see CSS parameters of any specific element in a web page, it’s where CSSViewer comes in. 2. Code Cola is a chrome extension to editor online pages’ style visibility. 3. If you want to see the immediate results while you are changing the CSS, this extension provides a text box on any HTML page so that you can write CSS freely and preview the results. 4.

CSS Reloader is a chrome extension that allows you to reload CSS without reloading the whole page. Advertisement Tags: Chromechrome extensionsCSSextensionsGoogle — Ferman Aziz Ferman Aziz is a designer, poet, writer and a good chess player. Web Developer. MeasureIt - Firefox, Chrome ruler extension for web developers. Keyboard Shortcuts Use the following key combinations to fine tune your MeasureIt ruler box: ←→↑↓ Resize 1 pixel SHIFT + ←→↑↓ Resize 5 pixels CTRL + ←→↑↓ Nudge 1 pixel SHIFT + CTRL + ←→↑↓ Nudge 5 pixels Version Notes - FIXED miscalculation on sites using "box-sizing: border-box" CSS property - NEW preference to show/hide area and diagonal calculation.

MeasureIt - Firefox, Chrome ruler extension for web developers

IE NetRenderer - NICOpenSource. Read this page in English.

IE NetRenderer - NICOpenSource

IE Netrenderer est une extension pour le navigateur Web Mozilla Firefox, permettant d'accéder facilement au service du même nom. Celui-ci permet d'obtenir une capture d'écran de n'importe quelle page Web telle qu'elle apparaît dans les différentes version d'Internet Explorer. L'extension ajoute un sous-menu dans le menu contextuel de la page (clic-droit) proposant les différentes options de rendu (actuellement IE 8, 7, 6, 5.5, différences entre IE6/7 et mélange IE6/7). Un clic après, un nouvel onglet s'ouvre avec la capture demandée. Des boutons (un par version ou un bouton avec un menu déroulant proposant tous les modes de rendu) peuvent également être ajoutés à la barre d'outils en faisant un clic-droit sur celle-ci, en choisissant l'option Personnaliser… et en faisant enfin glisser les boutons vers l'emplacement souhaité.

Vous pouvez également utiliser les raccourcis clavier suivants : Un grand merci aux traducteurs actuels : Flashbug – An extension for Firebug. Version 1.8.5, Updated February, 2012 Compatibility: Firebug 1.7 (Firefox 4/5) Firebug 1.8 (Firefox 4/5/6/7/8/9) Firebug 1.9 (Firefox 9/10/11)File Size: About 950KbChange Log What’s New Improved support for Firebug 1.9 Description Flashbug 1.8 has finally been released and to be honest it was a bit late to the show.

Flashbug – An extension for Firebug

Features Utilizes Firebug’s built in search feature – When you search for any words in the logs, the words will be highlighted in real-time.Displays Trace logs – Displays the traces emitted from all Flash instances playing in any browser.Displays Policy logs – Displays the policy log traces emitted from the Flash Player. Trace Log Policy Log Flash Console (Trace/Policy) Panel This will display any traces from any .SWFs running currently (in Firefox or outside of Firefox). Like FlashTracer, it is required to have the Flash Player Debugger installed or you will not see any traces. Flash Inspector Panel *NEW* This adds similar functionality as you would find in FlashFireBug. AMF Tab. Firebug. Dummy Lipsum. This extension generates "Lorem Ipsum" dummy text (the text is taken from the Lorem Ipsum site).

Dummy Lipsum

A context menu option ("Insert Dummy Lipsum") is shown in the context menu when the cursor is in a form field (text field or text area). This option automatically fills this field with the dummy text. "Dummy Lipsum" can try to detect the field size and fill it with the "correct" amount of text, or you can configure the default values (for each type of field). The characters of the generated text can be replaced with some "special characters" (like ç, à, ü, Ф, 平) defined by the user. The default values used to generate the dummy text are configurable from the options window. Dummy Lipsum is compatible with some WYSIWYG HTML editors: If you are getting the error message TypeError: aResponse.getElementById("lipsum") has no properties read here how to fix it.

Works with: For Firefox - Eyedropper, Color Picker and much more. ColorZilla for Firefox is an add-on that assists web developers and graphic designers with color related tasks - both basic and advanced.

for Firefox - Eyedropper, Color Picker and much more

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can analyze the page and inspect a palette of its colors. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. You can create advanced multi-stop CSS gradients. ColorZilla is also available as a Chrome extension. What's new New in ColorZilla 2.8 UI improvements Tweaks and bug fixes.