colorzilla

Over the years I’ve found a Chrome extension here or there that has come in handy with my Tumblr escapades, and recently I’ve come across a few that really provoked me to make a list of recommendations for everyone else. Here are a few of my favorite Chrome extensions for Tumblr:

COLORZILLA
ColorZilla is a really useful extension when you’re trying to match colors in your theme. You can pull any color from any element on any website and it will give you a clipboard of colors you can use for reference later.

PICMONKEY
PicMonkey is my favorite online photo editor since the ending of Picnik. For people who don’t want to deal with the complexity of Photoshop or other editors, this one is fast and provides endless amounts of editing tools. The extension linked above will take any photo from a website or take a screenshot of the entire page and put it right into the PicMonkey editor for you.

STYLISH
You can use Stylish to edit the appearance of your Tumblr dashboard (along with other websites, like Facebook, YouTube, and many more!) by installing themes and extensions from UserStyles.org. The possibilities of what this extension can do are endless.

XKIT
After the downfall of Missing E a few months ago, XKit brought back functional versions of One-Click reblog as well as bringing new, useful extensions such as the Outbox (shows the last 20 messages you’ve answered privately), Queue Shuffle, and an Auto Scroll extension.

youtube

Firefox Eklentileri: Web sitesinin renk kodlarını öğrenme. Colorzilla kullanımı. Web sitelerinde gezinirken karşılaştığımız resim, video, yazı ve diğer dosya türlerinde bulunan renk kodlarını tek tıklama ile öğrenmemizi sağlayan Firefox’ un Colorzilla eklentisinin ayarları ve kullanımı.

Werkzeuge für Gestalter »ColorZilla«

ColorZilla

Heute möchte ich euch Colorzilla vorstellen.
Dieses kleine Programm das über den einfachen Browser läuft (IE8 mal ausgenommen) schafft es gute Farbverläufe zu kredenzen. Diese Verläufe sind dann aber nicht für Fotos sondern für Webseiten.
Das besondere ist nämlich an Colorzilla, dass es einen CSS Editor hat, wo man einfach nur den Codeschnipsel kopieren braucht.

Ich hab den Test gemacht von ColorZilla zu Photoshop um beidein der Qualität zu vergleichen. Das Ergebnis ist unten zu sehen.

Bild 1. Colorzilla

Bild 2. Photoshop

Das Ergebnis meines Tests ist, dass die Farben bei Colorzilla etwas härter und kräftiger sind.
Bei Photoshop sind die Farben sanfter und der Farbverlauf ist softer dafür auch genauer.

Fazit:
Dafür das ColorZilla eine kostenlose Software, die mir einen fertigen CSS code raus gibt ist, ist es ein gutes Web Werkzeug.
Der Qualitätsunterschied zu Photoshop liegt bei gefühlten 5% bis 10% und ist nach meiner Meinung von einem normalen User nicht zu erkennen. Ich würde diesen Editor jedem weiter empfehlen der unbedingt bunte Farbverläufe auf seiner Webseite braucht und ohne Photoshop auskommen möchte.
Mit der neuen Version von Colorzilla 4 kann jetzt der CSS code auch in SASS code geändert werden.

Anmerkung:
Ich als Gestalter würde Verläufen immer nur dann verwenden wenn Idee 1, 2 oder 3 nicht funktionieren und sonst nichts anderes funktioniert. Ansonsten lasst die Finger von Verläufen.

Kolor

Zaraz obok typografii i proporcji w dużej mierze decyduje o przekazie i emocjach projektu. Kolor - jeden wyraz a ile z nim problemów! Na szczęście jest też wiele rozwiązań.

W Internecie jest kilka narzędzi, które pomagają uporządkować pracę z kolorem. Oto kilka z nich (sprawdzonych). Pozwolicie, że nie będę opisywać Adobe Kuler, bo każdy go zna. Idźmy dalej.


Web Color Data

Chcemy poznać paletę barw użytą na stronie www. Proszę bardzo. Ja sprawdziłam mój blog. Na pierwszy rzut oka wydaje się..biały. A jednak kolorów jest całkiem sporo.


ColorZilla

Mój faworyt. Jestem na stronie, zauważam sexy kolor, chce mieć tę hexę of kors tu i teraz! W prawym górnym rogu przeglądarki Chrome (i Firefox) mam zainstalowaną wtyczkę ColorZilla. Naciskam na charakterystyczną pipetę, klikam nią na sexy kolor, numer HEX zostaje automatycznie zapisany w schowku. Przerzucam go albo do notatnika albo bezpośrednio do Illustratora. Proste.
Inne funkcje ColorZilli to między innymi analiza wszystkich kolorów na żywo na odwiedzanej stronie, generator gradientów dla CSS, historia poprzednich analiz. Jest tego sporo i wszystko jest fajne. Gorąco polecam.


Color Hexa

Z tej strony korzystam prawie codziennie. Jest świetna. Potrzebujesz odcieni koloru, monochromu, kontrastu, czegokolwiek. Tam jest wszystko.


pltts.me

Ostatnie odkrycie - pltts.me. Masz czarny szkic ilustracji, logo, grafiki. Siedzisz i myślisz jak stworzyć spójną paletę. Można przeszukiwać cała bibliotekę kolorów albo można skorzystać z gotowych, zgrabnych palet.

http://blog.giraffix.ro/wp-content/uploads/2013/04/firefox-tools.jpg Addon-uri Firefox pentru web designeri - http://blog.giraffix.ro/addon-uri-firefox-pentru-web-designeri/     Astazi va vom prezenta o lista de addon-uri pentru Firefox, foarte utile pentru web designer. O parte din ele sunt testate si de noi. 1. Web Developer         Web Developer adauga o bara in plus unde aveti un set de tools-uri prin care va puteti modifica si identifica proprietatile websiteului. De exemplu aveti meniu de CSS prin care puteti modifica si inspecta clasele CSS-ului.     2. SeoQuake     SeoQuake va ajuta sa va optimizati site-ul pentru orice motor de cautare si va da sfaturi despre lungimea descrierii si cuvintelor cheie si daca lipseste vreo informatie care ajuta pentru optimizare.   3. Window Resizer 1.0     Window Resizer va ajuta sa verificati modul de afisare a siteului pe mai multe rezolutii.   4. Firebug     Firebug este considerat cel mai perfomant tool pentru developeri. Acest tool va arata codul websiteului si css atribuit in care puteti modifica live siteul si ulterior sa modificati fisierul CSS manual.   5. Greasemonkey     Greasemonkey va ajuta sa modificati websiteul adaugand mici coduri javascript si a ii da un continut dinamic.   6. ColorZilla     ColorZilla o paleta de culori la indemana mereu pentru a alege cu rapiditate o culoare pentru designul dumneavoastra.   7. FireFTP     FireFTP este un client FTP foarte rapid.   8. Font Finder 0.5c     Va arata ce font are textul selectat de pe o pagina.   9. Total Validator     Aceasta extentie va ajuta sa gasiti link-urile nevalide, pozele care au o adresa gresita si nu se afiseaza , greselile de cuvinte etc.     10. Codetch     Codetch este un editor WYSIWYG care va permite sa editati paginile html direct in firefox. Are interfata asemanatoare softului Dreamweaver.   11. Measure It     Measure It este un addon care masoara dimensiunile unui website.   12. YSlow     YSlow va ajuta sa va optimizati websiteul pentru o afisare mai rapida. sursa: www.tutorialeit.net Giraffix Design

http://blog.giraffix.ro/addon-uri-firefox-pentru-web-designeri/

Addon-uri Firefox pentru web designeri

 

Astazi va vom prezenta o lista de addon-uri pentru Firefox, foarte utile pentru web designer. O parte din ele sunt testate si de noi.

1. Web Developer

 

Web Developer adauga o bara in plus unde aveti un set de tools-uri prin care va puteti modifica si identifica proprietatile websiteului. De exemplu aveti meniu de CSS prin care puteti modifica si inspecta clasele CSS-ului.

 

2. SeoQuake

SeoQuake va ajuta sa va optimizati site-ul pentru orice motor de cautare si va da sfaturi despre lungimea descrierii si cuvintelor cheie si daca lipseste vreo informatie care ajuta pentru optimizare.

3. Window Resizer 1.0

 

Window Resizer va ajuta sa verificati modul de afisare a siteului pe mai multe rezolutii.

4. Firebug

 

Firebug este considerat cel mai perfomant tool pentru developeri. Acest tool va arata codul websiteului si css atribuit in care puteti modifica live siteul si ulterior sa modificati fisierul CSS manual.

5. Greasemonkey

 

Greasemonkey va ajuta sa modificati websiteul adaugand mici coduri javascript si a ii da un continut dinamic.

6. ColorZilla

 

ColorZilla o paleta de culori la indemana mereu pentru a alege cu rapiditate o culoare pentru designul dumneavoastra.

7. FireFTP

 

FireFTP este un client FTP foarte rapid.

8. Font Finder 0.5c

 

Va arata ce font are textul selectat de pe o pagina.

9. Total Validator

 

Aceasta extentie va ajuta sa gasiti link-urile nevalide, pozele care au o adresa gresita si nu se afiseaza , greselile de cuvinte etc.

 

10. Codetch

Codetch este un editor WYSIWYG care va permite sa editati paginile html direct in firefox. Are interfata asemanatoare softului Dreamweaver.

11. Measure It

 

Measure It este un addon care masoara dimensiunile unui website.

12. YSlow

 

YSlow va ajuta sa va optimizati websiteul pentru o afisare mai rapida.

sursa: www.tutorialeit.net
Complementos de Firefox

Además de ser gratis, estas 10 herramientas pueden hacer que tu diseño de páginas web más fácil, más rápido y más eficiente:

Web Developer – Permite editar CSS, escribir códigos, y experimentar con nuevos estilos, y comprobar  errores con facilidad.

FireShot – Una buena herramienta que te permite tomar captura de pantalla y agregar notas directamente. La captura se pueden guardar en tu ordenador para su posterior consulta.

Codetech – Esta herramienta te permite editar los archivos sin salir del navegador. Funciona como una versión más ligera de Dreamweaver con todas sus funcionalidades críticas.

Colorzilla – Te permite obtener el valor exacto de cualquier color que tengas enla ventana de tu navegador utilizando la función de cuentagotas.

Browser Window Resizer – Esta herramienta te permite ver una página diseñada en diferentes pantallas.

MeasureIt – Esta herramienta actúa esencialmente como una regla. Te permite medir rápidamente la altura, el ancho y la alineación de cualquier elemento en una página.

CSS Validator – Esta herramienta hace exactamente lo que su nombre implica. Pero ten en cuenta que para que la página sea validada debe tener un archivo CSS asociado para que la herramienta pueda trabajar.

IE Tab – En esencia, este complemento te permite probar cómo funciona un sitio web en Internet Explorer sin tener que cambiar de navegador.

CSS Viewer – Con esta herramienta puedes visualizar las propiedades CSS de una página.

Font Finder – Te permite ver el valor de la tipografía de cualquier texto. Sólo tienes que seleccionar el contenido específico y aparecerán los resultados.

Original Article