Baguje.COM » Dizajn

Dizajnerski paket za samo 20 dolara – još 5 dana

Saša Stefanović — Wed, 22 Feb 2012 06:18:46 +0000

Jedan od najpopularnijih sajtova za web dizajnere, poznati Envato, nudi svojim posetiocima nešto sasvim neobično. Naime, reč je o paketu dizajnerskih “sitnica” koji možete kupiti za svega 20$ a koji inače ukupno koštaju preko 500$.

Dakle, dobijate mnoštvo ikonica, email šablona, wordpress tema (sa Themeforesta), website tema, pozadina, korisničkih interfejsa, logoa, formulara, animacija, skripti, fotografija i još mnogo toga drugog. Kako bi pogledali detalje svakog od navedenih proizvoda, posetite stranicu za kupovinu na Envato sajtu.

Dakle, odlična prilika da za svega 20$ kupite mnoštvo dobrih stvari koje možete iskoristiti kako god hoćete.

http://themeforest.net/bundles/webdesignerpro

Srodni postovi

Post "Dizajnerski paket za samo 20 dolara – još 5 dana" je objavio djevrek za sajt Baguje.COM, dana 22. 02. 2012.
Kategorije: Dizajn, Grafika, Headline, Ikonice, jQuery, Kodiranje, Photoshop, Teme, Templates, Web dizajn | Tagovi: envato, jeftino, ponude

5 korisnih CSS3 generatora

Saša Stefanović — Tue, 21 Feb 2012 14:25:07 +0000

Predstavljam vam 5 sajtova uz pomoć kojih ćete moći generisati CSS3 kod za neki vaš sajt/blog/projekat itd.

CSS3, please!

CSS3, please! je verovatno najkorisniji sa ovog spiska. Najbolje od svega je što prikazuje izmene uživo i omogućava vam da napravite vaš CSS3 kod koji će raditi na većini veb pregledača.

CSS3 Generator

Uz pomoć ovog sajta takođe možete praviti neke od najpoznatiji CSS3 kodova.

CSS3 Menu

CSS3 Menu je program za Windows koji koristi nekoliko mogućnosti CSS3 kako bi napravio prelep meni za vaš sajt. Takođe postoji i mnoštvo već gotovih koje možete koristiti u svom projektu.

CSS3 PIE

Uz pomoć ovog sajta možete da napravite CSS3 kod koji će biti podržan i na starijim verzijama Internet Explorera. Treba napomenti da je za podšku potrebno dodati i još jedan fajl uz CSS fajl na vašem sajtu. Više o tome na samom sajtu.

CSS3 Gen

CSS3 Gen je sajt najbolji za totalne početnike jer uz samo nekoliko klikova možete dobiti kompletan kod za vaš sajt.

via:Graphic Mania

Srodni postovi

Post "5 korisnih CSS3 generatora" je objavio djevrek za sajt Baguje.COM, dana 21. 02. 2012.
Kategorije: CSS, Kodiranje | Tagovi: css3, generator

Virtuelne panorame

sokobanja — Sun, 19 Feb 2012 13:07:24 +0000

Da razjasnimo šta su virtualne panorame?

Proces spajanja slika

Virtualne panorame posetiocu sajta daju mogućnost pregleda celokupnog pogleda na prostor koji okružuje tačku odakle je panorama slikana. Ugao gledanja obuhvata celu sferu u rasponu 360°x180°. Pogled se može pomerati u svim smerovima. Takve panorame se kreiraju spajanjem nekoliko fotografija slikanih iz svih uglova. Panorame se spajaju u ekvadistantnu cilindričnu ili neku drugu projekciju i preko Fleša se izvoze i ubacuju na sajt.

Čemu služe virtuelne panorame i šetnje ?

Medij je poruka, a prvo iskustvo vašeg potencijalnog klijenta vaša web strana. Od velike je vašnost da ona ima maksimalan učinak. Virtualnom prezentacijom ne samo da će te poboljšati vaš sajt već će te i vaše poslovanje prikazati u najboljem svetlu. Takvi sajtovi sa virtualnim turama duže zadržavaju interesovanje posetioca nego klasični sajtovi sa običnim slikama.

Panoramska glava

Kako se kreiraju 360°VR panorame ?

Sferične virtualne panorame i ture sa uglom posmatranja od 360°x180° prave se pomoću digitalnog SLR aparata sa širokougaonim objektivom (fisheye). Aparat se postavlja na panoramsku glavu (pano-head) koja se montira na stalak. Zatim se slikaju sve strane iz iste nodalne tačke koja se obično nalazi na kraju objektiva. Tako dobijene slike se softverski spajaju u jednu veliku ekvadistantnu cilindričnu panoramu. Od te slike se kreira VR panorama koja se može prikazati u java, fleš ili nekom drugom formatu za web prikaz.

Kako se prave virtualne šetnje ?

Virtuelna panorama može se interno spojiti linkovima odn. hotspotovima sa drugim panoramama i tako kreirati virtualna šetnja. Posetioc sajta imaće mogućnost da se “prošeta” kroz vaš vaše panorame odabirom i klikom na određeni hospot koji vodi ka drugoj, trećoj panorami.

Primer panorame grada Niša sa sajta 360cities

City of Nish – Serbia in Serbia

Srodni postovi

Post "Virtuelne panorame" je objavio sokobanja za sajt Baguje.COM, dana 19. 02. 2012.
Kategorije: Slike | Tagovi: panorame

5 načina za učinkovit SEO

sokobanja — Sun, 19 Feb 2012 00:32:30 +0000

U ovo kratkom tutorijalu prikazaćemo vam 5 opštih načina za učinkovitu optimizaciju vašeg sajta.

Najpre registrujte neki dobar domen. Najbolje bi bilo da se vaš domen odnosi na vaš proizvod. Ako prodajete npr. belu tehniku, a vaš domen je mctepisx.com, to vam baš i neće pomoći puno. Možete da registrujete i više povezanih domena. Da bi izbegli probleme sa pretraživačima koje bi mogle prevideti nekoliko domena koji ukazuju na istu stranu, usmerite ih na posebne krajnje stranice sa linkovima koji će privući posetioce na sajt. To će pomoći vašem ranku.
Naslovi su bitni. Male firme često prave greške kada rade SEO optimizaciju zato što imaju nepotpune naslove ili uopšte nemaju tagove u naslovu. Većina web stranica napravljene su upotrebom tradicionalnih HTML editora koji ne prikazuju slabosti stranice pri njenoj izradi. Optimizacija sajta podrazumeva i pravilnu upotrebu naslova. Naslovi stranica su vrlo jednostavan način za privlačenje algoritama pretraživača koji traže naslove na više povezanih stranica. Ako uzmemo ponovo primer belu tehniku, bolje je da jedna od stranica ima naziv “Tehnika” nego naziv “Stranica 1“.
Mudro upotrebljavajte ključne reči. Izvršite istraživanje ključnih reči vezanih za vaš proizvod, kombinujte ih i testirajte da vidite šta vam najbolje odgovara. Nakon toga uključite ih u naslove, opis, zaglavlje, u blokovima, u alt tagovima slika, u menijima i gde god da možete ali da pri tom ne smetaju, da ne budu napadne za vaše korisnike.
Vaše kontakt informacije jasno prikažite na vašem sajtu. Da bi spam sprečile, neke kompanije svoje kontakt informacije untegrišu u grafiku, tako da programi koji sakupljaju email adrese ne mogu doći do e-mail adrese vlasnika firme. To je velika greška, jer svoje kontakt informacije treba da učinite jasnim i pristupačnim, posebno iz razloga ako želite da dobijete dobar rank za određenu regiju. Ako možete da birate uvek se opredelite za tekstualne kontakt informacije naspram ubacivanje e-mail linka.
Linkovanje je veoma bitno. Što više relevantnih linkova imate između svojih i tuđih sajtova dobićete veći Page rank a samim tim dobićete i više posetioca koji dolaze preko pretraživača. Posebno je korisno kada su linkovi jednosmerni, odn. kada upućuju ka vama bez povratnog linka na vašem sajtu. Kad neko traži nekog vašeg konkurenata, najverovatnije da će u listi rezultata pretrageuočiti vas što će vam automatski doneti benefit.

Srodni postovi

Post "5 načina za učinkovit SEO" je objavio sokobanja za sajt Baguje.COM, dana 19. 02. 2012.
Kategorije: SEO | Tagovi: optimizacija sajta, seo

45 prelepih ikonica za društvene mreže !

Saša Stefanović — Thu, 16 Feb 2012 13:45:40 +0000

Sviđaju li vam se ? Autor Jameel Khan na sajtu 1stwebdesigner je skupio 45 različitih paketa društvenih igrica koje su potpuno besplatne i koje možete odmah početi da koristite. Ovde neću pokazati sve nego vam preporučujem da posetite originalan tekst i tamo odaberete koje vam se najviše dopadaju.

http://www.1stwebdesigner.com/freebies/45-fresh-free-social-media-icons/

Srodni postovi

Post "45 prelepih ikonica za društvene mreže !" je objavio djevrek za sajt Baguje.COM, dana 16. 02. 2012.
Kategorije: Društvene mreže, Grafika, Ikonice | Tagovi: besplatno

Šta ne treba da radite u Photoshop-u

Nina Vujkov — Tue, 14 Feb 2012 20:56:28 +0000

U današnje vreme gotovo je nemoguće koristiti fotografiju onakvu kakva sama po sebi jeste. Podrazumeva se da će svaka biti posebno obrađena, doterana…Uostalom, ko bi voleo da vidi svoje slike sa svadbe sa bubuljicom na čelu? Zbog ovakvih stvari čak i amateri su počeli da se bave obradom fotografija za lične potrebe i neretko se desi da naprave veće zlo nego što je bilo u početku. Stoga vam pružam uvid u nekoliko zlatnih pravila pri obradi fotografija.

1. Koristite malu četkicu

Nikada nemojte koristit veliku četkicu kako biste posao obavili što brže, jer kako kaže naš narod: “Što je brzo, to je i kuso”. Ovaj postupak može rezultirati jedino potpuno neprirodnim izgledom. Ovo pravilo je izuzetno važno za ljubitelje Liquify efekta-bilo da smanjujete struk, uvećavate oči poželjno je ovakve zahvate obavljati sa što manjom četkicom i što manjom presijom. Naravno, ne treba preterivati.

2. Ne preterujte sa ”čišćenjem” kože

Sami odlučite šta vam se najviše dopada.

Svačija koža ima nepravilnosti i nikad ih ne treba ukloniti sve. Ovaj suptilni efekat takođe možete postići korišćenjem Healing Brush Tool-a i manjom veličinom četkice, čiji parametar Hardness možete neznatno smanjiti (75% – 90%). Još jedan od dobrih postupaka bio bi korišćenje više manjih pokreta (tačka po tačka), umesto jednog većeg.

3. Samo suptilno sa očima

Desno-kako koža NE treba da izgleda.

Oči su najčešće prvo što ljudi primete na fotografijama portreta. Stoga im treba posvetiti dosta vremena-uvećati ih, istaći boju zenica i potamniti trepavice. Ono u čemu nikako ne smete preterati jeste upravo bojenje zenica. Jasno je da možete promeniti boju u koju god želite (čak i crvenu), samo je nemojte previše posvetleti, da ne bi izgledalo vanzemaljski. Druga stvar koju nipošto ne treba da radite sa očima jeste brisanje svih bora oko njih. Na taj način model će samo izgubiti izraz lica i delovaće neprirodno.

Plaše vas, zar ne?

4. Efekat Holivudskog osmeha

Svi žele lepe, bele zube na svojim fotografijama, ali niko nije svestan da zubi mogu biti previše beli. Nemojte pokušavati da izbelite zube Brightness efektom-ničiji zubi se ne sijaju. Prosto ih neznatno izbelite koristeći Hue/Saturation opciju.

Srodni postovi

Post "Šta ne treba da radite u Photoshop-u" je objavio Nina Vujkov za sajt Baguje.COM, dana 14. 02. 2012.
Kategorije: Grafika, Photoshop, Trikovi, Uputstva | Tagovi: fotografija, obrada, retush, retuširanje

Kako da koristite Google Web fontove na svom računaru ?

Saša Stefanović — Sun, 12 Feb 2012 14:56:41 +0000

Znate i sami da sam nekoliko puta pisao o upotrebi Google Web fontova na svom sajtu/blogu itd. Međutim, šta ukoliko želite da koristite neki od ovih fontova na svom računaru, recimo u Photoshopu ili u Wordu ?

Naravno, postoji mogućnost i za to, pratite ovo uputstvo i bićete u mogućnost da koristite bilo koji od ovih fontova na svom računaru vrlo brzo.

Učitajte sajt http://www.google.com/webfonts i izaberite font koji vam se dopada i kliknite na dugme “Add to collection”
Odmah zatim, pojaviće vam se plavi bar u dnu stranice gde možete da vidite koji ste font izabrali. Ukoliko je to to, kliknite na vrhu na link “Download your collection”
Kada ste kliknuli na download, pojaviće vam se prozorčić koji će vam opet ponuditi link za konačno preuzimanje fajlova. Kliknite na to dugme označeno crvenom bojom u slici ispod:
Nakon što ste preuzeli zapakovan paket, otvorite ga ili otpakujte, duplim klikom otvorite fajl fonta i kliknite na dugme Install.

Odmah nakon ove instalacije bićete u mogućnosti da koristite font u bilo kom programu. Uživajte !

Srodni postovi

Post "Kako da koristite Google Web fontove na svom računaru ?" je objavio djevrek za sajt Baguje.COM, dana 12. 02. 2012.
Kategorije: Fontovi, Photoshop | Tagovi: google web fonts

Kako da koristite Cloudflare kao svoj CDN ?

Saša Stefanović — Sun, 12 Feb 2012 14:17:28 +0000

Šta je to CDN sam već opisao, pa preporučujem da pročitate taj tekst pre nego što nastavite ovaj. Sada želim da vam predstavim jedan besplatan CDN servis pod imenom Cloudflare.

U pitanju je servis koji pruža besplatno usluge CDN dostavljanja fajlova. Opisaću vam uputstvo kako da ga postavite za svoj WordPress blog, jer su blogovi uopšteno najpoželjniji za upotrebu CDN-a zbog velikog broja statičnih fajlova (css, js, slike).

Ručno postavljanje i aktiviranje Cloudflare-a

Prva stvar koju trebate da uradite jeste da učitate sajt https://www.cloudflare.com i napravite korisničko ime. Nakon toga, u delu sajta “Website” dodajte svoj veb sajt (recimo baguje.com). u kliknete dugme “Add this domain”
Sada treba da sačekate oko 1 minuta da server proveri vaša trenutna podešavanja kod hostinga. Za to vreme možete da pogledate kraći video klip koji opisuje kako ovaj servis funkcioniše. Kada prođe tih 1 minut, Cloudflare vam pokazuje vaša trenutna DNS podešavanja kod hosting provajdera. Imate prikaz kao i ja na slici ispod.
Pošto je ovo samo informativne prirode, kliknite na zeleno dugme ispod “Continue” ili ukoliko primetite grešku, takođe ispod ovih informacija možete dodati dodatne poddomene i ostale zone. Korisnicima koji se ne razumeju najbolje, preporučujem da samo kliknu na zeleno dugme “Continue”.
Odmah nakon toga, dobijate još jednu stranicu informativne prirode gde vas obaveštavaju da su dodali poddomen direct.vašsajt.com koji će voditi na vaš stari hosting. Opet, samo potvrdite klikom na zeleno dugme na dnu “Continue”.
Na kraju, pri koraku 4. dobijate podatke koje treba da unesete kod servisa gde ste registrovali vaš domen.
Ne brinite, ne možete mnogo toga pogrešiti, u najgorem slučaju vaš sajt neće raditi nekoliko sati ukoliko ipak odlučite da se vratite nazad i odustanete od upotrebe CDN-a. Dakle, posetite registranta vašeg domena (ili imate mogućnost promene NAME servera, ili morate kontaktirati vašeg registranta da ih on promeni.) Kao što možete videti iz slike iznad, meni predlažu da sa HOSTGATOR.COM NAME servera pređem na njihove. Ja sada odlazim na Godaddy jer sam tamo registrovao sajt, i menjam servere u podešavanju za domen na ovo što su mi rekli.
Kada završite ovaj korak, vratite se na Cloudflare i kliknite opet na zeleno dugme “Continue”. Moram da napomenem da ova promena može biti vidljiva nakon nekoliko minuta, ali može potrajati i nekoliko sati. Sve zavisi nakon koliko vremena vaš provajder i njihov nadprovajder brzo osvežavaju promene. Dakle, vi od sada kada ukucate recimo baguje.com više nećete ići na servere vašeg starog hosting provajdera već na servere cloudflare-a koji će vam isporučivati podatke. Poznato je da Internet provajderi “keširaju DNS” tj. pamte da je hosting vašeg sajta hostgator, i ne preusmeravaju vas odmah, nego tek nakon nekoliko sati kada pokrenu osvežavanje svojih servera. Zvuči komplikovano ali eto, zarad njih, morate sačekati nekada i nekoliko sati. Ukoliko vam se ne čeka, pokušajte se prebaciti ručno na neki drugi DNS koristeći moje ranije uputstvo “Kako da promenite DNS“.
Korisnicima koji su pratili ovo uputstvo preporučujem da instaliraju i dodatak http://wordpress.org/extend/plugins/cloudflare/ na svoj blog koji će se postarati da sve ovo funkcioniše kako treba.

Želim da napomenem da i poznati caching dodatak za WordPress pod imenom W3 Total Cache nudi dodavanje ovog servisa u svoja podešavanja, pa ukoliko ga koristite, predlažem da i tamo podesite svoj CDN cloudflare-a.

Srodni postovi

Post "Kako da koristite Cloudflare kao svoj CDN ?" je objavio djevrek za sajt Baguje.COM, dana 12. 02. 2012.
Kategorije: Dizajn, Domen, Hosting, Wordpress | Tagovi: CDN, cloudflare

Šta je to CDN i zašto ga koristiti ?

Saša Stefanović — Sun, 12 Feb 2012 13:23:35 +0000

Ukoliko ste u svetu dizajna, web servera, kreiranja sajta ili bloga, sigurno ste bar jednom čuli ili videli skraćenicu CDN. U pitanju je skraćenica za pojam na engleskom jeziku content delivery/distribution network a u našem prevodu bi mogli reći “mreža za dostavljanje podataka“. Ukratko, to je grupa servera koja se nalazi na više mesta po svetu i koja dostavlja statični sadržaj vašeg bloga korisnicima uz pomoć najbližeg servera.

Pogledajmo uporedno dve slike koje će to da objasne.

Tu sa leve strane vidite jedan server koji dostavlja podatke korisnicima, a u slici desno vidite više servera koji dostavljaju podatke istom broj korisnika. Ovaj sistem je, kao što možete i zaključiti, mnogo brži. Prvenstveno je namenjen da bi se pre dostavili fajlovi korisnicima koji su udaljeniji od matičnog, tj. glavnog servera. Zamislite situaciju da vam je recimo web server u americi, a vi pokušavate da učitate sajt na njemu. Za svaki fajl na serveru, da bi se ispostavio tj. dostavio vama tj. vašem veb brauzeru potrebno je da kontaktirate veliki broj servera kako bi došli do glavnog, a onda taj glavni istim tim dugačkim putem kontaktira vas i dostavlja vam sadržaj. Koristeći CDN servise, ne morate kontaktirati server u Americi ukoliko CDN ima servere i po Evropi. Detekcijom vašeg položaja uz pomoć IP adrese, glavni server vas prebacuje na najbliži mogući drugi server koji vam dostavlja tražene statične podatke (css, html, js, slike itd) sve kako bi vama surfovanje bilo što brže.

Dakle, koristeći CDN servise (besplatne ili plaćene) ubrzavate učitavanje vašeg sajta mnogo. U sledećem postu ću vam predstaviti nekoliko besplatnih CDN servisa koje možete odmah početi koristiti.

Srodni postovi

Post "Šta je to CDN i zašto ga koristiti ?" je objavio djevrek za sajt Baguje.COM, dana 12. 02. 2012.
Kategorije: Dizajn, Domen, Hosting, Wordpress | Tagovi: CDN

Veličine u univerzumu

Saša Stefanović — Fri, 10 Feb 2012 14:06:30 +0000

Predlažem svima da pogledaju zanimljivu animaciju koja nam pokazuje prave veličine u našem univerzumu. U pitanju je Adobe Flash file koji možete pogledati uz pomoć Flash playera u vašem veb brauzeru (morate sačekati nekoliko trenutaka da se ceo fajl učita prvo).

http://static.flabber.net/files/scale-of-the-universe-2.swf

Srodni postovi

Post "Veličine u univerzumu" je objavio djevrek za sajt Baguje.COM, dana 10. 02. 2012.
Kategorije: Adobe Flash, Grafika | Tagovi: Flash, veličina, zanimljivosti