Nije lako biti web-dizajner. Ne samo što moramo da se razumemo u dizajn, fontove, strukturu informacija, psihologiju  još mnogo drugih disciplina, nego moramo da vodimo računa Ii o mnogo detalja, što naš posao čini vremenski prezahtevnim, zahteva desetine alatki, odredjen nivo koncentracije, kao i efektivan tok rada koji ima za cilj prelepe, ali  i funkcionalno i vremenski ispoštovane rezultate.

I upravo tu na scenu stupaju alatke koje će vam uštedeti vreme. Bilo da je to to-do lista, instalacija više programa odjednom, konverter iz Excel-a u HTML – sve ovo može da vam uštedi nekoliko minuta svakog dana. Zrno po zrno – pogača. Bilo da ste ljubitelj ovakvih listi ili ne: ovo će vam sigurno pomoći da nadjete one sitnice koje će vam pomoći da izbegnete glavobolje i stress. Ispod predstavljamo korisne alatke za uštedu vremena za web-dizajnere.

[Offtopic: Kad ste ovde, zašto se ne bi prijavili na naš newsletter, šaljemo korisne stvarčice poput ovih jednom mesečno. Unesite svoj mail u polju ‘Besplatan email kurs o poslovanju na web-u!’ sa desne strane! ->]

Počnimo…

LaunchList

Ova alatka vam pomaže da pregledate bitne stavke pre nego što sajt pustite na net. Po default-u, u listi stoji 28 stavki koje treba proveriti, ali možete dodati i neke svoje stavke na listu. Svaka stavka može da se komentariše ili precrta. Kad završite, možete da pošaljete izveštaj na više mail adresa. Neke alternative Ultimate Website Launch Checklist i The Ultimate Website Prelaunch Checklist.

Pencil Project: Sketching and Prototyping with Firefox

Pencil je alatka otvorenog koda. Sadrži ugradjene forme za dijagrame i prototipove, direktno editovanje teksta sa veoma velikim izborom opcija, kao i standardne opcije za crtanje. Radi u Firefox-u 3.5 i novijima.

Zootool

Zootool je sajt za čuvanje sadržaja na koji naletite na netu kao što su slike, dokumenta, linkovi, video klipovi i slično. Omogućava vam da dodate bilo koji sadržaj brzo i jednostavno. Kasnije možete da organizujete taj sadržaj kako vi želite u admin delu. Možete ga integrisati sa Tumblr-om, Twitterom kao i mnogim drugim.

Bounce

Zabavna alatka. Sa njom možete da delite ideje po sajtovima. Moći ćete da postavite belešku, napišete neki podsetnik dok ste na sajtu, a kasnije da pogledate šta ste sve napisali.

Ninite Batch Installer

Ninite vam omogućava da izaberete vaše omiljene programe iz jedne velike liste( pretraživači, chat program, slike, dokumenta, sigurnost, kompresije i mnoge druge), a zatim kreira fajl koji možete da preuzmete i kad ga pokrenete, on instalira sve što ste izabrali automatski.

Support Details

Kada ste u nedoumici, pošaljite vaše klijente na ovu alatku. Sva njihove podešavanja i verzije programa će biti očitane, i poslate vama na email. Bilo bi lepo imati Firefox verziju, Flash verziju, operativni sistem, JavaScript status, rezoluciju i slično od klijenta.

MugTug’s Darkroom

Kad treba da sredite sliku, a nemate baš nešto vremena, kao ni omiljeni Photoshop pri ruci, možete koristiti ovu alatku. Ona je prvenstveno za fotografe. Možete podesiti osvetljenje, nivoe, količinu bele boje na slici, ekspoziciju, kontrast i saturaciju, kao i neke efekte. Na kraju, slike možete uploadovati na Flick i Picasa-u.

Visual Website Optimizer

Visual Website Optimizer je, bez sumnje, najbolji softver za testiranje vašeg sajta koji je ljudska ruka ikada napravila. Tačka.

Keyonary

Ovaj sajt je fina mala aplikacija za pronalaženje prečica u MacOS X, Photoshopu I slično.
Trenutno je dodate preko 250 prečica za Photoshop. Samo ukucajte ime programa za koji vam trebaju prečice i dobićete ogromnu listu prečica.

gridr buildrrr

Ovaj generator vam omogućava da odaberete mrežu za vaš raspored sajta, i testirate ga online.

Instant Blueprint – Alat koji pravi framework u sekundi.

Instant Blueprint vam omogućuje da kreirate HTML/xHTML I CSS framework u sekundi, kako bi vaš projekat što pre bio gotov.

Hummingbird

Ova mala aplikacija vam pruža uvid u to koliko ljudi je trenutno na vašem sajtu i pominje vaš sajt na društvenim mrežama, u realnom vremenu. Baziran je na Node.js, koja može da izdrži veliku posetu i mnogo klijenata u isto vreme.

jsFiddle

Editor za Web, sa podrškom za JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML and CSS. Možete sačuvati i pokrenuti aplikacije unutar pretraživača.

String: 

Ukratko, String kontroliše lokalizaciju. Omogućava vam da upravljate fajlovima koji sadrže prevod – od PHP-a preko Rails-a do iPhone aplikacija. Možete pozvati prijatelja da prevede vaš sadržaj, i pratite promene.Možete dodati nove sekcije i jezike usput, a onda ih preuzeti i postaviti u svoju aplikaciju.

Titanpad

Sa ovom alatkom možete menjati dokumente istovremeno sa drugim korisnicima, obeležite ko je šta editovao u raznim bojama. Editovanje se radi u realnom vremenu. Super rešenje za sve koji rade istovremeno na tekst dokumentima, bilo das u u susednoj kancelariji ili drugoj strain sveta.

Pixelnovel Timeline: Version Control for Adobe Photoshop

Ovaj alat ustvari integriše Subversion klijente u Adobe Photoshop-u sa Adobe Photoshop dodatkom. Možete pregledati verziju direktno u Photoshop-u. Nije besplatan.

0to255

Jednostavan alat pomoću kog dizajneri mogu naći varijacije boja. Jednostavno izaberite boju sa kojom želite da počnemo, a alatka će vam dati varijaciju boja koje su pogodne za web stranice. Zatim samo kliknite na heksadecimalni kod koji je odmah kopiran u vaš clipboard.

Load Impact: Website load/stress test

Alat vam pomaže da otkrijete granice vašeg web sajta pre nego što vi to sami naučite na teži način. Servis simulira korisnike koji dolaze na vaš sajt i kreira grafike sa izveštajima o tome koliko korisnika vaš sajt može da podnese.

Ideone: Online IDE & Debugging Tool

Ova alatka je compiler/debugger kombinacija koja vam omogućava testiranje koda u više od 40 jezika: C++, Java, JavaScript, Perl, PHP, Python and Ruby. Fine alternative PHP Anywhere (online PHP editor) and CodeRun.

Online Dummy Image Generator

Ova alatka kreira slike za vaš sajt. Postavite dimenzije, pozadinu, tekst na slici, format i slika je gotova. Možete i praviti standardne dimenzije za reklame i banere.

HiFi RegExp Tool

Regular expression može da bude problem. Ovaj alat je 100% JavaScript koji koristi jQuery. Ovaj alat je kreiran da pomogne dizajnerima da uče, vežbaju i prave regular expression.

Tableizer

Klijenti vam često daju informacije u tabeli, i prebacivanje u HTML može da bude problem. Ovaj alat pravi HTML tabele od Excel fajlova. Jednostavno kopirajte tabele, izaberite opcije, i dobićete lepo sredjen HTML fajl.

FollowUpThen: Easy Email Reminder

Ako nemate ništa protiv da šaljete vaše mailove trećim licima, isprobajte ovaj alat kao email podsetnik. Na vašem sledećem email-u samo dodajte vremenskiperiod@followupthen.com i alatka ce vas podsetiti kad period istekne. Ne treba vam nalog.

Divine: Conversion tool from PSD to HTML

Divine je dodatak koji radi sa Photoshop-om. Kad završite u Photoshop-u, pokrenite Divine dodatak u PHotoshopu, dodajte WordPress uloge glavnim elementima i dodatak će pripremiti sve fajlove koji vam trebaju. Kada podesite FTP pristup server, alatka sama postavlja fajlove na server. Totalno besplatno.

Kaleido

Ova alatka vam omogućuje da napravite korisne sekcije koda koje kasnije možete koristiti da planirate, organizujete i koristite kod na mnogo bolji način.

Sketchpad

Ova aplikacije je moćni online editor slika. Njegove opcije su organizovane u korisnim, prevlačenjem delova koji mogu biti gde god vi želite kao u standardnom editovanju slika.

Unicode code converter

Iskucajte tekst u bilo kom zelenom ili sivom polju i kliknite na dugme Convert iznad. U ostalim poljima pojavice se varijacije na tekst. Onda možete kopirati delove teksta u Vaš dokument.

Grid System Generator

Ova alatka pravi mrežu u validnom css/xhtml kodu, za brz razvoj vaših aplikacija. Sistem pravljenja mreža vam omogućava da odredite širinu, broj kolona i margine, kako bi mreža bila fleksibilnija.

ud.com namecheck

[ADRIATEK SPECIAL] Ovaj alat proverava dostupnost korisničkih imena na društvenim mrežama, imena domena I brendova.

Typograph — Scale & Rhythm

Kao što naziv servisa kaže, omogućava vam proveru vaše tipografije i da li ulazi u standard koji bi trebalo da se ispoštuju.

ColorBrewer Intro – Selecting Good Color Schemes for Maps

ColorBrewer je alatka koja je napravljena da pomogne ljudima da izaberu dobru kombinaciju boja za mape i druge slike.

CSS Inliner Tool

Ako ste ikad radili email kampanju, znate da ako niste sami pripremili CSS, on može da bude ‘ogoljen’ od strane mail servisa i onda da ne izgleda baš kao što ste zamislili. Mail Chimp je servis koji konvertuje ceo vaš CSS u inline CSS, kako bi vaši mailovi izgledali prelepo. Nije potrebno da otvarate nalog.

HTML Purifier – Filter your HTML the standards-compliant way!

HTML Purifier je biblioteka standard koji se koriste u kodiranju. On čisti vaš kod od nepotrebnog, i pravi vaše dokumente unutar standarda.

Rendera

Ovaj servis vam pomaže da naučite više o HTML5 I CSS. Ukucajte svoj HTML kod i pogledajte kako izgleda u realnom vremenu. Onda ga stilizujte u CSS-u. Možete koristiti bilo koji tag u HTML5 I CSS3 ako ga vaš browser podržava.

RegExr

Zanimljiv alat za učenje, pisanje i testiranje regular expression-a.

try ruby! (in your browser)

Ovaj alat vam pomaže da isprobate Ruby kod u komandnoj liniji. Podržava Ruby-eve metode, a sadrži i korak-po-korak tutorial za novajlije.

Google Command Line

GoogleCL je komandna linija koja pruža pristup svim Google servisima. Možete postovati na Bloggeru, dodavati dogadjaje u calendar, ili menjati dokumente u Google Docs.

Tiny Fluid Grid

Jednostavan alat koji generiše kod za sadržaj varijabilnih širina.

Fonolo.com

Ovaj alat vam omogucava da preskocite govorne automate kompanija i cini ceo postupak manje frustrirajucim. Za vlasnike kompanije, Fonolo prikazuje sve menije vašim klijentima, pre nego što vas pozovu. Predlažemo da ako vam ne radi net, SBB ili nekog drugog provajdera pozovete na ovaj način.

Producteev: Creating To-Do Lists with Emails

Prosledite bitne emailove na task@producteev.com I alatka ce vam kreirati to-do listu u hodu, obavestiti vas, a čak se može integrisati u razne aplikacije.

AddUse – User research made easy

AddUse je alat zasnovan na Webu koji Vam pomaže da kreirate, menjate i prezentujete vaša istraživanja brzo jednostavno i jeftino. To je alat koji možete koristiti u bilo kom trenutku, dok razvijate aplikaciju. Prikazuje rezultate testova korisnika, ankete  i upitnike u grafičkom okruženju, pomažući marketing i menadžment grupama da donesu pravu odluku.

bookwhen

Rezervacije za dogadjaje, radionice, razrede i kurseve. Besplatna verzija je za 150 dogadjaja i 300 rezervacija po mesecu.

Još neke zanimljivosti…

see[Mike]code: tool for remote coding interview

Ovaj alat omogućuje da pronadjete programera za svoj posao, tako što ćete mu dati da nešto iskodira na Webu. Vi to pratite u realnom vremenu.

jsdo.it

Ova alatka vam omogućava da pišete kod direktno u pretraživač, menjate i modifikujete bilo koji kod, popravljate  bug-ove i slično.

JavaScript Error Tracking

Slično kao u Netbeans-u, ovaj alat vam prikazuje greške u JavaScriptu i grupiše slične greške.

Old Version

Ovaj alat sadrži stariju verziju neke aplikacije koju korisitite. Zašto? Zato što novo nije uvek bolje.

Onbile

Preko Onbile možete da kreirate sajt za mobilnu verziju za iPhone, Android I Blackberry.

iSendr

iSendr vam omogućava da pošaljete fajlove brzo i lako, bez uploada na server.

seekWP

Pretraga dokumentacije za WordPress.

speedtracer

Ova aplikacija vam omogućava da pronadjete i popravite problem u Vašoj web prezentaciji.

the Awesome Highlighter

Omogućava da označite tekst na web stranama i daje vam mali link do označenog dela

OpenWith.org

Ova stranica vam daje uvid u aplikacije koje mogu da otvore one fajlove i ekstenzije koje vi trenutno ne možete.

I za kraj…

Kuku Klok

Alarm za one koji rade previše i zaspe pred ekranom.Odaberite vreme kad želite budjenje i ostavite prozor otvoren. Bolje nego 977.

What the Hex?

Mislite da poznajete heksadecimalni kod? Proverite na ovom sajtu koliko zapravo niste u pravu. Samo ćemo nagovestiti da možete da podešavate težinu pogadjanja od 2 do 48 mogućihodgovora.

Izvor: Smashing Magazine