Korisne alatke za internet zanat

Prikupio: Damjan Pavlica

zupcanici3kljuc-i-cekic

Mnogi od nas imaju neki sajt ili blog. Ovo su korisne alatke koje meni pomažu prilikom uređivanja stranica. Ja ih sve čuvam u bukmarku, i vama savetujem isto, a vi kako hoćete. Meni ni iz džepa ni u džep 🙂

Obrada slika

foto-editor

Ovo je besplatna kopija fotošopa koja ima isti izgled i dugmiće kao original. U narodu poznat kao Fotošop onlajn. Ako često menjate kompjuter, dobro je da se navikenete na online verziju: https://pixlr.com/editor/

Nalaženje i uklapanje boja

adobe-kuler

Neke boje koje se koriste na netu imaju svoja imena. Ovde možete naći sva postojeća imena boja, poređana po nijansama: http://html-color-codes.info/color-names/

Ukoliko nemate smisla za uklapanje boja, postoji alatka i za to. Možete pronaći brojne kombinacije boja koje se sigurno slažu ovde: https://kuler.adobe.com/create/color-wheel/

Nedavno sam otkrio i hvatač boja, koji je neviđeno dobar izum. Pošaljete mu sliku i on vam kaže koje se boje uklapaju uz nju. Tako na osnovu jedne slike ili logoa uklopite sve boje na sajtu: http://colorhunter.com/

Ubacivanje simbola

unikod-simboli

Ukoliko vam treba pahulja, sneg, zvezdica ili bilo koji drugi simbol u vidu znaka sa tastature, njegov unikod možete pronaći ovde: http://unicode-table.com/en/

Isprobavanje koda

zdravo-svete

Na Kodakademiji osim kurseva imate i radni prostor. U njihovom labu možete isprobati sve što sklepate u Javascriptu, Rubyju i Pythonu. Ne morate se ni ulogovati: http://labs.codecademy.com/

Takođe imate JSfiddle, za isprobavanje JavaScript koda u kombinaciji sa HTML-om i CSS-om. Jedna od prednosti ove platforme je automatsko povezivanje fajlova, bez ubacivanja linkova u zaglavlju. Ukoliko želite da isprobate da li vam radi neka kombinacija HTML-a, CSS-a i Javascripta, a mrzi vas da povezujete ručno svaki put, ovo je mesto za vas: http://jsfiddle.net/

Ulepšavanje koda

css-ulepsivac

Možda vam se desilo da otvorite tuđi kod koji je potpuno neuredan i nepregledan? Srećom, izmislili su alatku koja i to rešava. Ovaj sajt ulepšava Javascript i HTML kod: http://jsbeautifier.org/

Ovaj sajt ulepšava CSS kod: http://cssbeautify.com/

Prilagođavanje raznim ekranima

pretvaranje-pixela

Možda ste čuli da su uveli neke jedinice koje se zovu em, umesto pixela. Kolko sam skontao, em-ovi su bolji za ravnomerno prikazivanje na raznim uređajima, od kompa do telefona. Uglavnom, gotovo su neizbežni. Ovaj sajt vam pretvara pixele u emove: http://pxtoem.com/

Prilagodljiv sajt možete napraviti i tako što ćete sve mere koje su vam bile izražene u pikselima pretvoriti u procente. Ovde imate alat za to: http://pixelperc.com/

Nakon što napravite prilagodljiv sajt, obavezno isprobajte kako izgleda na svim mogućim uređajima. To, naravno, ne moraju biti pravi uređaji, možete isprobati sve moguće rezolucije na sledećoj adresi: http://quirktools.com/screenfly/

Srećno mladi internet zanatlijo!

Advertisements

2 mišljenja na „Korisne alatke za internet zanat

Ostavi komentar

Molimo vas da se prijavite koristeći jedan od sledećih načina da biste objavili svoj komentar:

WordPress.com logo

Komentarišet koristeći svoj WordPress.com nalog. Odjavite se / Promeni )

Slika na Tviteru

Komentarišet koristeći svoj Twitter nalog. Odjavite se / Promeni )

Fejsbukova fotografija

Komentarišet koristeći svoj Facebook nalog. Odjavite se / Promeni )

Google+ photo

Komentarišet koristeći svoj Google+ nalog. Odjavite se / Promeni )

Povezivanje sa %s