DesignerWeb

Crearea unui site bun nu este o sarcina usoara. Exista insa cateva instrumente care cu siguranta usureaza viata designerilor si programatorilor. In acest articol voi prezenta 15 dintre siteurile extrem de utile pe care orice designer web sau programator ar trebui sa le aiba salvate in bookmarks.

ColorCombos

Atunci cand realizam designul unui site, unul dintre primele lucruri pe care le facem (si cel mai important de altfel) e sa alegem schema de culoare pe care o vom folosi. ColorCombos te ajuta sa gasesti combinatia de culori ideala pentru noul tau design sau, de ce nu, sa creezi una. Acest site seamana ca functionalitate cu celebrul Kuler de la Adobe.

WTF – WhatTheFont ?

Tocmai ai vazut o sigla care foloseste un font deosebit. Ai vrea sa folosesti si tu acel font dar exista o problema: nu stii cum se numeste fontul. Pentru a afla, ai doua solutii: fie cauti ore intregi un font asemanator, sau poate din greseala dai exact peste fontul respectiv, fie folosesti WhatTheFont. Acest site iti permite sa incarci o imagine (un logo in cazul nostru) si va indica apoi fontul care a fost folosit. Rezultatele sint incredibile.

Lorem Ipsum…

Cine nu a vazut textul “Lorem Ipsum” pana acum? Acest text este folosit de catre designerii de pretutindeni pentru a simula paragrafele in creatiile lor. LIpsum.com iti permite sa creezi cate paragrafe vrei, rapid si usor. Sa nu mai zicem ca in loc de Lorem Ipsum poti folosi varianta in limba romana. Shhhhhh!

ConvertIcon

Faviconurile au devenit un “TREBUIE” pentru orice site web. Pentru cei care incanu stiu, faviconul este acea iconita care apare in stanga adresei siteului pe care il vizitati, la bookmarkuri sau in coltul din stanga al taburilor, la browserele moderne (cum ar fi Firefox). ConvertIcon te ajuta sa transformi imaginile tale (PNG, GIF, JPG etc) in faviconuri (.ICO).

BgPatterns

Texturile sinfolosite din ce in ce mai des in designurile web actuale. Cu ajutorul acestui site, iti vei putea crea texturile potrivite siteului tau.

HTML Encoder

Vrei sa afisezi bucati de cod pe siteul tau? Nimic mai simplu… pentru a evita situatiile (dese de altfel) in care trebuie sa scrii &lt; pentru a afisa <, iti recomand sa folosesti acest site.

Xenocode Browsers

In opinia mea, acest serviciu este unul dintre cele mai utile, in testarea siteurilor pe diverse browsere web. Vei putea deschide toate browserele intro singura fereastra de explorer… sau mai bine zis de Firefox sau Safari, serviciul fiind disponibil doar calculatoarelor ce ruleaza sub MAC sau Linux.

Test Everything

Te-ai intrebat vreodata cum ar fi daca ar exista un serviciu prin care sa poti testa siteul pe toate browserele web, sa poti verifica rangul paginii sau sa poti valida codul paginilor, toate intr-un singur loc? Ei bine acest serviciu exista si are peste 100 de instrumente de validare si testare.

Sprite Generator

Tehnica utilizarii spriteurilor CSS este cu siguranta grozava, in principal deoarece aceasta reduce numarul de accesari HTTP. Cu toate astea insa spriturile CSS necesita mult timp si cunostinte separate, fapt care transforma aceasta tehnica intr-una greu de folosit, mai ales pentru incepatori. Acest site iti permite sa trimiti o arhiva zip cu imaginile pe care vrei sa le folosesti, returnandu-ti imaginile combinate intr-un sprite, si mai mult,  codul CSS pe care va trebui sa-l adaugi paginii tale.

Buttonator

Dupa cum zice si numele – Buttonator. Daca nu ai timp sa creezi butoane pentru siteul tau, vei gasi aici o multime de modele gata sa fie folosite.

Load Impact

De cate ori nu s-a intamplat ca siteurile sa inceteze in a mai functiona in momentul in care primesc un trafic mare? Serviciul Load Impact iti va permite sa testezi cum va suporta siteul tau fluctuatiile de trafic.

IconFinder

Iconitele pot transforma un design prost intr-un design reusit. IconFinbder este o colectie imensa de iconite gratuite, gata sa fie folosite pe siteul tau.

TypeTester

Testearea fonturilor in design este de multe ori o operatiune de durata. Din fericire, TypeTester iti permite sa testezi fonturile, si sa vezi cum vor arata pe designul tau.

CSS Tidy

Chiar si programatorii avansati au nevoie de multe ori sa optimizeze codul CSS. CSS Tidy este o aplicatie online gratuita care va repara erorile de CSS si va optimiza codul.

Contact Form Generator

Formularele reprezinta una dintre cele mai importante parti ale oricarui site web, deoarece permit utilizatorilor sa interactioneze. Folosind acest site vei economisi o buna parte din timpul pe care il dedicai crearii de formulare, inclusiv codurile PHP, ASP sau chiar Perl, necesare trimiterii pe email a formularului completat. Mai important este ca nu ai nevoie de cunostinte sau de experienta.

Stii si alte siteuri utile? Ai incercat aceste siteuri si vrei sa ne povestesti experientele tale? Asteptam comentariile tale…

Related posts:

1. 4 extensii Firefox esentiale pentru designeri
2. 5 siteuri interesante, de care nu stiai