Koliko se brzo otvara vaš sajt?

Da li ste se nekada zapitali koliko brzo se otvara vaš sajt i šta sve korisnikov veb čitač mora da preuzme da bi prikazao stranicu? Ako se ne bavite veb dizajnom, verovatno o tome niste mnogo razmišljali, osim ako sporost učitavanja nije baš osetna, pa se to primeti i “golim okom”.

Problem ipak nije baš naivan, naročito ako je vaš sajt blog, CMS ili neki sličan sistem u kome se raznim dodacima povećava funkcionalnost, pogotovo ako postoji mogućnost da umećete dodatke koje je neko drugi pravio i ne znate šta sve oni u stvari rade u pozadini.

Proverite svoj sajt preko servisa WebPagetest. Ovo je vrlo jednostavan i besplatan servis kome date adresu strane koju treba proveriti, a on će napraviti prilično…

Koji veb čitač poštuje standarde?

Ako ste se bar malo bavili HTML i CSS kodiranjem sigurno ste nailazili na razne. nekada i žustre polemike oko poštovanja standarda i rešavanju problema što veb čitači standarde ne poštuju u potpunosti a nekada ih i različito tumače.

Davno sam prestao da se time zamaram. Ne upinjem se preterano da prilikom izrade sajta ostvarim poptunu istovetnost prikaza u svim čitačima. Zadovoljan sam ako je izgled dovoljno sličan, a već sam navikao šta treba da izbegavam kako bih umanjio ovu vrstu problema.

Pokazaću jedan jednostavan primer koji ilustruje koliko su veb čitači mušičavi i da im se svima ne može ugoditi.

Evo primera HTML koda:

<div id="okvir">
<div id="polje">
<div id="sadrzaj">
</div>
</div>
</div>

A na njega ćemo primeniti sledeće stilove:

#okvir {
    border: 1px…

Imagelys Picture Styles, alatka za kreiranje šara za pozadine (tiles)

imagelys picture styles Imagelys Picture Styles, alatka za kreiranje šara za pozadine (tiles)Jedna od specifičnosti veb dizajna je što je neophodno da se sa što manje grafičkih elemenata postigne dobar vizuelni efekat. Zbog toga je često rešenje u sličicama koje su tako napravljene da sadrže “šare” koje se sastoje od jednog elementa koji se može beskonačno ponavljati tako da ispuni površinu a da se ne primete sastavci sličica (šavovi). Tako se jednom malom sličicom može ispuniti i veoma velika površina, pa i cela pozadina veb strane.

Pravljenje ovakvih sličica nije baš lako. Ako ste to pokušavali u PhotoShop-u, znate da to zahteva dosta planiranja, ručnog rada, vremena i strpljenja, a i to samo ako pravite neke jednostavnije šare.

Naišao sam na alatku koja može mnogo da pomogne. Program se zove Imagelys Picture Styles i potpuno…

Optimizacija slika (fotografija i crteža) za web

Prilikom izrade veb sajta vrlo je važno povesti računa o optimizaciji grafičkih sadržaja koji se na njemu nalaze. To se odnosi i na postavljanje fotografija i ilustracija na blogove, forume i druge vrste sajtova gde ne pravite ceo sajt ali neki grafički sadržaj prikazujete na njemu.

jagnjepixel Optimizacija slika (fotografija i crteža) za web“Najteži” grafički elementi su svakako upravo fotografije i druge ilustracije. One zauzimaju poprilično prostora, čak i ako to na prvi pogled nije očigledno. Optimizacija fotografija se svodi na postupak kojim se smanjuje dužina datoteke u kojoj se ona nalazi, ali tako da se i dalje zadrži prihvatljiv nivo njenog kvaliteta. Na taj način štedimo prostor na disku, ali i ubrzavamo učitavanje veb stranice.

Osnovni način optimizacije fotografija je da ih smanjite. Nije redak slučaj da ljudi…

PhotoSketcher - brzo retuširanje fotografija

FotoSketcher%20 %20Venice%20b&w PhotoSketcher   brzo retuširanje fotografija

PhotoSketcher je veoma jednostavan program koji omogućava da fotografiju pretvorite u neku umetničku formu (crtež ili sliku) što može da bude vrlo upotrebljivo kao ilustracija ili čak podloga na veb sajtu, ali i odlično će poslužiti i za izradu neke čestitke, kalendara ili z aneku drugu namenu.

Program se koristi se vrlo jednostvno: učitate željenu fotografiju, podesite nekoliko parametara (prilikom podešavanja vidite kako ona utiču na konačan rezultat) i kada ste zadovoljni primenite te parametre na celu fotografiju, koju zatim možete da snimite.

Program je besplatan. Možete ga preuzeti sa http://www.fotosketcher.com gde ćete naći i galeriju primera, uputstva, blog,kao i podršku.

Besplatne vektorske sličice za vaš dizajn

logo revision Besplatne vektorske sličice za vaš dizajnAko vam zatreba neka sličica za dizajn sajta ili nešto slično, odličan izvor je VectorStock. Ovaj sajt sadrži ogroman izbor vektorskih slika, ikona i ilustracija za razne namene.

Za one sa plićim džepom, postoji i deo sa besplatnim vektorskim slikama, a izbor je prilično izdašan.

Ako ste autor, možete preko ovog sajta i prodavati svoje ilustracije.

Dodajte ikonicu svom blogu

Primetili ste verovatno da neki blogovi imaju naročite ikonice ispred adrese u veb čitaču. Takva sličica se zove favicon, a namena joj je da učini sajt prepoznatljivijim. Ne samo što se prikazuje u polju za adresu sajta, već i ako sačuvate adresu u bukmark, i tu će se prikazati izabrana ikona umesto standardne.

Dobru ikonicu nije baš lako napraviti. Potrebno je dosta veštine jer ona ima rezoluciju od samo 16 x 16 tačaka, a to je vrlo malo, i zaista je teško nacrtati ikonu sa mnogo detalja.

Kakve sve ikonice mogu da se naprave pogledajte na top listi sajta favicon.cc. Evo nekih od ikonica sa te liste:

favicon 1 favicon 2 favicon 3 favicon 4 favicon 5 favicon 6 favicon 7 favicon 8 favicon 9 favicon 10 favicon 11 favicon 12 favicon 13 favicon 14 favicon 15

Otvorite ih u nekom programu i uvećajte pa će vam biti jasno koliko je truda trebalo…

Flash Banner Generator - napravite fleš baner na brzaka

Potrebno vam je da na brzinu napravite simpatičan baner u Flash-u ali ne znate Flash, a bogme niste ni nešto nadareni za grafiku? Probajte Flash Banner Generator. To je veb aplikacija koja vam omogućava da na interetu napravite sopstveni fleš baner, izborom nekoliko opcija i ukucavanjem tekstakoji želite da baner prikazuje. Uz par klikova mišem eto ga baner očas posla.

http://www.voidix.com/flash_banner_builder.html

CSS i sveti gral(ovi)

Prema mitologiji, Sveti gral je svetinja kojoj se pridaju izuzetne moći kojima njegov vlasnik može da raspolaže, samo postoji jedan problem, niko ne zna šta je to, a ni gde je, pošto je izgubljen. No to ne sprečava veliki broj ljudi da ga traže.

Ako se bavite veb dizajnom, sasvim sigurno koristite CSS, jer je to savremena i moćna veb tenologija koju nije moguće izbeći, a nema ni potrebe izbegavati je, jer zaista predstavlja odličnu platformu koja je neophodna za veb razvoj.

Bavim se vebom iz vremena kada CSS još nije bio izmišljen i vrlo dobro znam kakva je muka bila praviti veb sajtove, pogotovo onima koji su se u veb uključili sa bogatim prethodnim programerskim iskustvom, iskustvom u grafičkoj struci i…