|
Inventa Web Communications Blog |
|
|
42 korisna websajta za web dizajnere
Napisao  Srđan, 27. oktobar 2008. u kategoriji Inventa Web communications Blog
|
Bilo da ste početnik ili iskusan profesionalac, verujemo da će sledeći sajtovi, tutorijali, liste i ostali korisni web izvori biti odlično štivo za sve web dizajnere. Organizovani u nekoliko kategorija (inspiracija, CSS izvori, tutorijali iz oblasti web dizajna, alati za podešavanje boja, besplatni fontovi i sl.) ova kolekcija predstavlja koristan izvor informacija za dizajnere.
CSS Beauty  - nije samo aktivna baza odlično dizajniranih CSS-sajtova, već i pruža mogućnost spajanja dizajnera sa potencijalnim klijentima.
Web Design Inspiration - kolekcija screenshot-ova sajtova sa odličnim dizajnom. Korisno za inspiraciju.
Web Creme - veoma jednostavan sajt, sa primerima sajtova sa odličnim dizajnom.
Unmatched Style - izvor za poslovne korisnike i dizajnere koji traže inspiraciju.
Design Firms - jedan od sajtova gde možete direktno unajmiti dizajnera, ili putem navedenih sajtova koji su predstavljeni.
25 Beautiful Minimalist Web Designs - sajt sa primerima dizajniranja jednostavnih sajtova. Jednostavnost uvek pobeđuje.
24 Great Niche Galleries - screenshot-ovi sa opisima i linkovima na posebne galerije gde možete pronaći dizajn koji odgovara potrebama firme.
10 Great Web [Re]Designs of 2007 - linkovi ka najboljim sajtovima u različitim kategorijama.
Best of CSS 2007 - još jedna kolekcija sjajnih sajtova urađenih u CSS tehnologiji.
CSS Zen Garden - omogućava posetiocima da upoznaju celokupan potencijal CSS dizajna. Može se odabrati CSS datoteka i uočiti razlike.
CSS2 Specifications - naučite sve o CSS-u.
The CSS Panic Guide - kada zapnete u radu, preporučujemo da posetite ovu adresu. Sadrži sve, od validacije do veličina fonta.
The CSS Shark - odgovori na neka uobičajena pitanja, objašnjenja osnova CSS-a, kao i tutorijal o pozicioniranju pomoću CSS-a. Takođe postoji baza eksternih linkova.
CSS Vault - jedan od poznatijih sajtova na temu CSS-a. Ukoliko želite diskotovati o CSS-u, ovo je pravo mesto za diskusije. Sadržaj je redovno update-ovan, i komentari posetilaca su generalno pozitivni.
101 more CSS Tips, Tutorials and Examples - još jedan websajt sa sjajnim sadržajem i korisnim linkovima.
Web Design from Scratch - odličan izvor linkova za web dizajnere ili one koji to žele postati. Dizajniran je da posetiocima omogući step-by-step način da nauče korake za poboljšanje svojih sajtova. Bilo da ste kompletno novi u ovom poslu, radite na novom projektu ili jednostavno redizajnirate stari sajt, ovaj sajt morate postaviti u svoje Omiljene linkove.
Current Style in Web Design Guide - na ovoj stranici autori izdvajaju neke osnove koje mogu pomoći dizajnerima prilikom izrade naprednih sajtova i rada na projektima.
Web 2.0 How-To Design Style Guide - naučite sve o Web 2.0 dizajnu.
COLOURlovers - najpopularniji izvor za dizajnere u smislu odabira i uklapanja boja na stranici.
ColorBlender - omogućava Vam odabir boje i kreiranje palete na osnovu odabranih ulaznih karakteristika.
4096 Color Wheel - koristan web alat za kreiranje palete boja.
ColorSchemer Studio - predlaganje interesantnih paleta boja zasnovanih na postavljenim ulaznim karakteristikama.
Photo Color Matcher - omogućava kreiranje paleta boja na osnovu odabrane fotografije.
Web 2.0 Color Palette - kreiranje paleta boja u sklopu odabranog Web 2.0 dizajna.
The Meaning of Colors - značenje boja u okviru geografskih odredišta.
Creamundo - odlično web odredište za pronalaženje besplatnih fontova. Klasifikovano u okviru različitih kategorija.
ShowFont - baza interesantnih fontova za različite namene.
Urban Fonts - ne preterano urbani, ali se mogu naći interesantni fontovi za različite namene.
SimplyTheBest - jednostavni fontovi, grupisani u kategorijama.
Mike’s Sketch Pad - velik broj različitih fontova, ali su neki nedozvoljeni za korišćenje u komercijalne svrhe.
Modern Life - odlično dizajniran sajt sa primerima uspešnih fontova.
TypeTester - testiranje različitih vrsta fontova.
1001 Free Fonts - spisak besplatnih fontova.
The Landing Page Composer - program koji omogućava kreiranje jednostavnih sajtova.
Open Source Web Design - web odredište gde dizajnerima postavljaju besplatno primere urađenih radova.
Blue Vertigo - kolekcija besplatnih korisnih linkova za web dizajnere.
Browser Shots - pregled dizajna u različitim web čitačima.
Top 50 Logo Design Tutorials - pregled najinteresantnijih predloga dizajna logoa.
51 Photoshop Text Effect Tutorials - korisni tutorijali efekata u Adobe Photoshopu.
9 Essential Principles for Good Web Design - korisni principi prilikom izrade web sajtova.
|
|
|
| Permalink | Komentari (0) | Objavljeno u kategoriji: Inventa Web Communications Blog |
|
|
|
8 korisnih dodataka za Firefox
Napisao Srđan, 26. septembar 2008. u kategoriji Inventa Web Communications Blog
|
Iako je Internet Explorer moguće proširiti sa nekoliko korisnih dodataka (add-ins), činjenica je da je Firefox otišao korak dalje i nudi pravo bogatstvo dodataka koji pomažu prilikom surfovanja Internetom odnosno omogućavaju napredne mogućnosti ili pak web-developerima bitno olakšavaju testiranje testiranje vlastitih web-stranica. U današnjem članku donosimo pregled 8 novih dodataka za Firefox kako biste surfovanje ovim preglednikom učinili još ugodnijim.
Bilo da ste običan korisnik ili web-developer smatramo da će vam dodaci koje danas spominjemo olakšati svakodnevne radnje kroz Firefox. Pa krenimo:
1) IE View prikazuje u Firefoxu kako bi se otvorena stranica prikazala u Internet Exploreru.
2) MeasureIt donosi virtualni lenjir pomoću kojeg je svako merenje širine i visine elemenata na web-stranici bitno olakšano.
3) Serbian Dictionary - Srpski Rečnik je kao što mu ime govori srpski rečnik za Firefox 2.0 baziran na OpenOffice.org platformi.
4) Password Exporter omogućava izvoz (export) snimljenih web lozinki (password) i uvoz (import) istih na drugi računar odnosno isti računar (recimo nakon reinstalacije operativnog sistema ili nadogradnje samog Firefoxa).
5) Forecastfox omogućava pregled međunarodne prognoze vremena (bazirano na AccuWeather.com servisu) i prikazivanje informacija kroz toolbar ili status-bar na web-stranici.
6) ColorZilla omogućava „uzimanje“ podataka o boji na delu stranice koji odaberete, te kopiranje odabrane boje u neki drugi program (npr. Photoshop).
7) Web Developer dodaje nove mogućnosti u dodatak (toolbar) i tako donosi veliki set developerskih alata.
8) Tab Mix Plus sadrži mnogo korisnih opcija za manipuliranje tab-ovima, pa tako možete otvoriti već zatvoreni tab, duplicirati postojeći, odabrati dodatne opcije za otvoreni tab i još mnogo.
|
|
|
| Permalink | Komentari (0) | Objavljeno u kategoriji: Inventa Registracija domena Blog |
|
|
|
15 web design saveta
Napisao Srđan, Srđan, 5. avgust 2008. u kategoriji Inventa Web Communications Blog
|
Razvoj novog web sajta zahteva mnogo znanja, vremena i strpljenja. Takođe je veoma važno da sadržaj bude predstavljen na najjednostavniji mogući način, pristupačan, ne samo sa beneficijama za posetioce, nego i za internet pretraživače. Sledi 15 saveta u pogledu dizajna web stranica koje će pomoći webmasterima i administratorima da definišu najefikasniji websajt.
1. Koristite konzistentnu organizaciju boja
Veoma je važno da prilikom postavljanja websajta koristite konzistentnu organizaciju boja na stranicama jer je to veoma bitno korisnicima. Najgora greška dizajnera je da izgradi organizaciju boja na stranici koja će onemogućavati vidljivost svih ostalih elemenata websajta. Najčešća greška je korišćenje crvenih ili žutih slova na crnoj pozadiji što može dovesti do neatraktivnog dizajna, kao i slabe čitljivosti tekstualnog sadržaja.
Preporučujemo da ne koristite više od dve do četiri komplementarne boje, jednu koja će osnovna boja teme dizajna, dok će ostale biti boje linkova, navigacije (meny) ili drugih standardnih sadržaja. Naravno, možete koristiti različite nijanse odabranih boja.
Takođe, testirajte boje svog web sajta na razlićčitim monitorima, jer većina njih ima različitu gamu, kontrast i nivo osvetljenosti. Obavezno testirajte web sajt na prenosivim računarima.
2. Koristite konzistentne fontove
Kao i boje, veoma je važno da u okviru celokupnog sajta koristite identičan stil fonta i veličinu fonta. Probajte da izbegnete korišćenje velikog broja različitih fontova, kako web sajt ne bi izgledao neprofesionalno.
3. Neka sadržaj websajta bude svež i originalan
Obezbedite da websajt bude uvek aktuelan jer će u suprotnom doći do stagnacije i internet pretraživači neće propisno indeksirati zastareli sadržaj. Imperativ je da web sajt sadrži relevantan i aktuelan sadržaj.
4. Kompatibilnost web čitača neka bude prioritet
Jedna od najčešćih grešaka dizajnera je što sadržaj web sajta optimizuju za prikaz u samo jednom internet čitaču, i smatraju da će web sajt identično izgledati na svim platformama. Ovo je naročito važno jer se tržište internet čitača u poslednje dve godine značajno izmenilo, tako da je veoma važno da web sajt bude identičan bez obzira koji čitač se koristi. Preporučujemo da obavezno proverite izgled web sajta u okviru tri najčešća internet čitača (Microsoft Internet Explorer, Mozilla FireFox i Opera).
5. Ne postavljajte previše reklama (oglasnih prostora)
Iako su oglasni (advertising) modeli jedini način opstanka različitih vrsta web sajtova, ukoliko svoje stranice prenatrpate oglasima, bannerima i različitim oglasnim prostorima, ovo može biti kontraproduktivno i primorati neke posetioce da napuste web stranicu. Oglasni prostori mogu degradirati kvalitet i pristupnost web sajta i uništiti celokupan posao izrade sajta.
6. Ne preterujte sa veličinom fotografija i dužinom teksta
Fotografije visoke rezolucije i stranice sa puno sadržaja su korisne, ali mogu imati i neke negativne efekte. Npr., korišćenje fotografija visoke rezolucije može povečati vaš plaćeni internet saobraćaj i usporiti učitavanje stranice. Probajte formate kao što su .gif, .jpg ili .png da kompresujete i zadržite solidnu veličinu.
Takođe, dugačke stranice mogu biti neatraktivne i mnogo je efikasnije da sadržaj podelite na nekoliko posebnih, povezanih stranica. Ovo će povećati saobraćaj na web sajtu, ali i biti lepše za korisnike, koji su uglavnom naučili da pregledavaju tekst, umesto direktnog čitanja.
7. Optimizacija za različite rezolucije ekrana
Većina posetilaca web sajta koristi različite rezolucije ekrana/monitora, koje mogu da se kreću od 800x600px do 2400x2400px ili više.
8. Optimizujte stranice TITLE i META tagovima
Većina pretraživača danas prilikom rangiranja stranica obraća pažnju na Title, Meta descriptions, i u manjem obimu, Meta keywords. Ovo su neophodni elementi stranice koji opisuju web sadržaj i pomažu pretraživačima u boljem rangiranju. Ovi tagovi se nalaze između HEAD sekcije web sajta i izgledaju npr. ovako:
title Inventa blog /title
meta name="description" content="Predstavljamo blog ebusiness portala inventa-communications, inventa-domeni i inventa hosting"
meta name="keywords" content="blog, inventa, web design, web hosting, registracija domena"
Potrudite se da svaka pojedinačna stranica ima jedinstvene Meta tagove. Potrudite se da ovi tagovi ne budu predugački - npr. do 150 karaktera i ne ponavljajte istu frazu u tagovima više od 2,3 puta.
9. Optimizujte svoje linkove (URL)
Jednostavnijim i čitljivijim linkovima omogući ćete pretraživačima da efikasnije indeksiraju sadržaje. Dugački URL-linkovi ne samo da su ružni i teški za pamćenje, već će i pretraživači veoma teško indeksirati ove linkove. Izbegavajte linkove:
http://www.test.com/test/index.php?section=234
a umesto ovakvih linkova, koristite linkove tipa:
http://www.test.com/test/kitten.html
Međutim, da biste ovo učinili, potrebno je znanje naredbe Mod_Rewrite ili sličnog URL servisa za zamenu, što je ekstremno kompleksno. Npr. jednostavan .htaccess fajl sa Mod_Rewrite opcijom izgleda ovako:
RewriteEngine on
RewriteRule ^test/kitten.html /test/index.php?section=234 [L]
Na kraju ne zaboravite da u okviru koda svake fotografije postavite ALT opisni tag. Pretraživači takođe indeksiraju ove tagove, tako da nemojte zaboraviti njihov značaj.
10. Promocija web sajta
Neverovatno je koliko webmasteri greše prilikom promocije web sajta i upisuju link samo na pretraživače. Postoji veliki broj promotivnih akcija koje je potrebno preduzeti, od upisa podataka u direktorijume linkova (preporučljivo sa Google PageRank (PR) 3 ili više), itd. Takođe je potrebno istražiti šta radi konkurencija i na kojim je ona servisima prijavljena. Probajte da razmenite linkove sa sličnim web sajtovima, promovišete web sajt putem saopštenja za medije i newslettera, putem newsgroup-a i društvenih online medija, kao što su Myspace i Facebook.
Tokom ovih promotivnih akcija, veoma je važno da ne SPAMujete posetioce jer može biti kontraproduktivno.
Ne očekujte brze rezultate, nekim pretraživačima i direktorijumima potrebno je i do 6 meseci da prihvate vaš link.
11. Zaštitne polise
Obezbedite da na svakoj stranici postoji link ka Politici zaštite sadržaja web sajta. Ovo je veoma važno kako bi se zaštitili ukoliko neko pokuša da ukrade i napravi plagijat vašeg teškog rada. Takođe, napišite osnovne Uslove korišćenja web sajta, naročito ukoliko se ostavljaju komentari, što bi moglo da dovede do problema sa komercijalnim kompanijama.
Obavezna je i Politika privatnosti, u okviru koje se obavezujete da informacije o svojim korisnicima (e-mail adrese i IP adrese) nećete koristiti u promotivne i komercijalne svrhe.
12. Interaktivnost web sajta
Verovatno ste čuli za fenomen online socijalnih mreža. Diskusioni forumi, sistemi za komentare, newsletteri i ankete mogu da imaju pozitivne efekte na profil, sadržaj i atraktivnost web stranice.
13. Proverite tekst
Proverite tekst koji postavljate na web stranicu putem nekog word procesora kako bi otklonili sve nepotrebne greške. Greške su potpuno prirodne i ne mogu biti izbegnute, ali mogu biti svedene na minimum.
14. Jednostavno ime domena
Odaberite kratko, jednostavno i lako za pamćenje ime internet domena web sajta. Što je jednostavnije ime, to je veća verovatnoća da će posetioci zapamtiti.
15. Jednostavan navigacioni sistem
Obezbedite da svi delovi web sajta budu pristupačni putem jednostavnog i jasnog navigacionog sistema. Postavite navigaciju približno vrhu stranice, odvojeno od ostalog sadržaja. Ukoliko imate previše linkova, biće teže korisnicima / posetiocima za snalaženje. |
|
|
| Permalink | Komentari (0) | Objavljeno u kategoriji: Inventa Web Communications Blog |
|
|
|
|
|
|
|
POZOVITE ODMAH 023.236.210
