Tag: CSS

maj 7, 2011 Posted by admin in Blogovanje, Novosti iz oblasti web dizajna

10 Web Dizajn Tehnologija

Ovo je post za sve one koji imaju ambicije da se bave web dizajnom i ne znaju odakle da počnu i šta da rade. Ovde ćemo opisati sve osnovne tehnologije koje web dizajneri koriste kako bi kreirali sajtove i web aplikacije.

HTML - Poznavanje HTML, XHTML jezika je neophodno u web dizajnu i predstavlja nešto od čega se kreće. Svakom iskusnom web dizajneru ova tehnologija predstavlja neku vrstu navike. Iako se HTML smatra kao jednom od najlakših web tehnologija, ona i dalje predstavlja neizostavni elemenat u web dizajnu.

CSS - Mogućnost da predstavite dizajn koristeći CSS će smanjiti veličinu fajlova i vreme učitavanja i poboljšati rangiranje na pretraživačima. Mogućnost da kreirate CSS do nivoa gde će na svim browserima stranice biti kompatibilne, je veoma cenjeno znanje i svakako će se ceniti u ovom poslu.

Grafički dizajn - Ukoliko radite kao freelance web dizajner, onda će vaše dizajnerske veštine doći do većeg izražaja, nego kad radite u nekoj kompaniji u timu od više ljudi gde imate samo ulogu developera. Grafički dizajn sam po sebi nije potreba već nešto što je neophodno znati i veoma će koristiti, čak i pri najosnovnijim zadacima.

jQuery - Ovo je jedna od najaktuelnijih i najpopularnijih tehnologija u web dizajn svetu, gde se omogućava interakcija sa serverom u realnom vremenu i još mnogo toga. Na mnogim sajtovima se primete mnoga poboljšanja u smislu korišćenja i vizuelnih efekata.

PHP - PHP se smatra za prvi izbor server skriptnih jezika na Internetu. Otvoren kod PHP jezika se pokazao odlično u celoj PHP zajednici od kog svi imaju koristi. PHP je široko korišten na Internetu, od najjednostavnijih funkcija, do potpuno dinamičkih sajtova i postavljanje templejt fajlova kroz objektno orijentisanu aplikaciju i okruženje.

Flash - Animacije i animirani sadržaj su veoma popularni na Internetum gde se u centar pažnje u poslednje vreme stavlja 3D i interakcija sa korisnikom. Posedovanje veštine da se napravi dobra animacija koji će kod korisnika izazvati 'wow' efekat će svakako biti korisna. Animacije i video su jedan od najboljih načina da se privuče pažnja korisnika.

SEO - Search Engine Optimisation je zlatna koka web dizajna. Sa jakom SEO kampanjom, sajtovi se izlažu ciljnoj publici i pretiču svoju konkurenciju koji nemaju dobro optimizovan sajt. Potpuno je beskorisno da se kreira odlično dizajniran sajt sa najnovijim tehnologijama, ako niko ne može da ga pronađe. Ako imate sajt koji ima namenu da prodaje, reklamira i promoviše, brzo ćete shvatiti važnost SEO optimizacije.

Administracija servera- Ovo iako nije neka glamurozna uloga u web dizajnu, svakako je bitna. Administrivanje domena, hostinga, mailova, servera, bekapa, je neophodna kako bi sajt radio normalno i bez ometanja.

Project managment - Pri upravljanju ili u radu u web dizajn kompaniji, svakako dobra praksa uopšte je mogućnost upravljanja projektom u zadanim vremenskim rokovima, raspoloživom budžetu i resursima. Ukoliko uspete da dobro upravljate svojim projektima u zadanim vremenskim rokovima i resursima, klijenti će to svakako primetiti.

MYSQL - Open source tehnologije potpuno dominiraju webom. Web dizajneri svih nivoa mogu da koriste MySQL tehnologiju u kreiranju web sajtova i aplikacija. Kad pogledamo da većina web aplikacija koristi MySQL sa PHP tehnologijom, nije uopšte čudno da posedovanje ovakvih znanja ima veliku vrednost u web dizajn industriji.

Web Dizajn Srbija, Novi Sad

Tags: CSS, html, jQuery, mysql, PHP, SEO, web dizaj tehnologije, web dizajneri, web dizajneri pocetnici

april 19, 2011 Posted by admin in Novosti iz oblasti web dizajna

Korisni Resursi i Servisi za Web Dizajnere za April

Nove aplikacije i sajtovi se pojavljuju skoro svakodnevno, ali teže je pronaći one dobre je zaista teže pronaći. Ovaj post sadrži resurse za web dizajnere i developere u ovom mesecu. Ovde će se naći knjige, alati, aplikacije, fontovi i ostali korisni resursi.

DesignHamster

DesignHamster je novi CMS koji cilja baš na web dizajnere. Dizajnirajte svoje sajtove kako inače to radite, označite delove koji bi trebali biti izmenjivi od strane vaših klijenata i DesignHamester će odraditi sve ostalo, uključujući i jednominutni tutorijal za Vaše klijente.

Quote Roller

Quote Roller je nova aplikacija za kreiranje, slanje i rukovanje predlozima. Možete kreirati listu stvari za ponovno korištenje predloga, dizajniranje svojih predloga ili biranje iz postojeće biblioteke.

i2Style Typeset Style Generator

i2Style je jednostavan alat za kreiranje dugmadi strogo koristeći CSS bez slika. Text shadow, box shadow, borderi i zaobljene ivice su potpuno podržani.

Zapd

Zapd je jednostavna besplatna aplikacija za brzo pravljenje sajtova putem iPhone-a. Postoje ugrađene teme koje je moguće personalizovati i kreiran sajt podeliti preko socijalnih mreža i maila.

Get Out of #Jail Free Card

Ovo je mala knjiga od 20 strana koja uči ljude da postanu produktivniji bez toga da rade duže na poslu.

DesignSwap

DesignSwap ohrabruje dizajnere da sarađuju tako što će razmenjivati dizajn za delove svojih sajtova. Delovi koji se razmenjuju su predstavljeni u galeriji za razmenu.

The Elements of Content Strategy

The Elements of Content Strategy je kratak vodič koji pokriva osnove pisanja sadržaja i kako uspešno pisati sadržaj.

CopyPasteCharacter.com

CopyPasteCharacter.com olakšava dodavanje posebnih karaktera u tekstove. Potrebno je samo kliknuti na željeni karakter i on se kopira u clipboard. Takođe postoji opcija kopiranja HTML koda za svaki karakter.

dooWiki

dooWiki dozvoljava dodavanja wiki stranice u vaš sajt bez toga da redirektujete korisnike na drugi wiki page ili da instalirate dodatni softver. Moguće je kreirati privatni i javni wiki page.

Google Page Speed

Google Page Speed provera vaš sajt i šta može da uspori vreme učitavanja. Moguće je proveriti mobilnu i desktop verziju sajta i čak pravi predloge za poboljšavanje vremena učitavanja.

ProtoShare 5

ProtoShare 5 je poslednja verzija ProtoShare aplikacije za povezivanje. Nova verzija je cloud aplikacija za lakši sharing i saradnju i napravljena je ponovo od temelja kako bi bila brža od prethodnih verzija.

Clouddrive

Amazonov novi Clouddrive servis nudi besplatno cloud skladištenje do 5GB fajlova. U planu su omogućavanje kapaciteta od 20GB do 1000GB. Ovaj servis je pravljen posebno za korištenje sa njihovom MP3 prodavnicom, gde se kupljeni MP3 fajlovi mogu snimiti direktno na Clouddrive nalog. Osim toga moguće je koristiti ovaj servis za skladištenje video fajlova, fotografija i ostalih tipova dokumenata. Kupovinom albuma iz Amazon mp3 prodavnice, moguće je dobiti nadogradnju na besplatni 20GB nalog u roku od jedne godine.

diagonalFade

diagonalFade je jQuery plugin koji olakšava kreiranje dijagonalnih fade in i fade out efekata za grupu elemenata.

CSSPivot

CSSPivot omogućava dodavanje CSS stilova na bilo koji sajt i zatim podeliti taj sajt preko jednog linka. Moguće ga je koristiti da drugi predlože svoje ideje za vaš sajt.

Tumblr Themr

Tumblr Themr je aplikacija koja omogućava jednostavno kreiranje Tumblr tema koristeći podatke sa vašeg Tumblr bloga. Ova aplikacija je relativno jednostavna za korištenje (pogotovo kad se uporedi sa kodiranjem teme od nule) i besplatna je za ličnu upotrebu.

Learn Python the Hard Way

Learn Python the Hard Way je besplatni ebook (moguće je kupiti štampano izdanje), koji cilja na ljude koji žele da nauče da kodiraju ali nemaju nikakvog prethodnog iskustva.

IconToucan

IconToucan nudi download ikonica sa drag and drop interfejsom. Poseduju odličnu kolekciju sa nekoliko odličnih kolekcija. Sve ikone su dostupne u PNG formatu.

The Colour Clock Rebuild

The Colour Clock Rebuild je jQuery/CSS3 sat koji predstavlja vreme kao heksadecimalnu vrednost.

Web Boy Comic

Web Boy Comic je priča o Quinten Sage-u, trinaestogodišnjem dečaku, dizajneru početniku koji postaje superheroj Web Boy.

TweetDeck Web Beta

TweetDeck je započeo beta testiranje za novu web platformu, izgrađen na istoj osnovi kao i Chrome TweetDeck.

Minible

Minible je aplikacija koja pomaže u organizaciji dodavanja sadržaja za sajt. Potrebno je samo dodati klijente za sajt koji želite da menjate, kreirajte navigacionu hijerarhiju i dodajte stranice za menjanje. Potom možete jednostavno dodati sadržaj i komentare za svaku stranicu.

Tags: alati, amazon, aplikacije, aplikacije za web dizajnere, cloud, CSS, designhamster, knjige, web resursi za web dizajnere

mart 8, 2011 Posted by admin in Novosti iz oblasti web dizajna

Uloga HTML i CSS u web dizajnu

Ukoliko razmišljate o tome da budete web dizajner kao karijeru ili kao hobi, morate biti sposobni da uradite više od dizajna neke lepe stranice. Profesionalni web dizajneri su eksperti u programiranju i kodiranju. Najtalentovaniji web dizajneri su upravo oni koji mogu da balansiraju svoju kreativnu i umetničku stranu sa tehničkom i praktičnom stranom (kodiranje).

Kao veb dizajner, ima puno različitih web dizajn standarda i metoda koje treba savladati. Dva najbitnija su HTML i CSS. Ovo je odgovor na pitanje koliko je potrebno vremena da se savlada HTML i CSS.

Šta je HTML?

Još od prvih dana web dizajna, HTML je bio standard za profesionalne web sajtove. Hypertext Markup Language može biti prilično zbunjujući. HTML je jezik ili kod, koji se koristi da se generiše, menja položaj teksta, slika, tabela, frejmova i ostalih elemenata. Ukoliko na svom browseru selektujete view > Source, vidi se kod koji prikazuje samu web stranu, koji može svako da vidi.

html

Oni koji su koristili HTML i koji ga znaju tvrde da nije teško naučiti. Postoji nekoliko osnovnih tagova (kodova) koje dizajner treba da nauči i jednostavna stranica je pred vama. Što je kompleksniji HTML, više možete da uradite sa svojim sajtom.

Proces kreiranja sajta je pojednostavljen do te mere, da čak i oni koji nemaju znanja o HTML-u mogu da kreiraju svoj sajt. To su tzv. WYSIWYG (What you see is what you get) editori. Oni omogućavaju kreiranje stranice bez upotrebe koda i editor pretpostavlja šta vam treba i radi sav posao. Neki softver programi imaju opciju konvertovanja dokumenta u HTML. Ovo su odlični alati za početnike. Nažalost, proces pogađanja koji vam kod treba, kreira greške i bagove u dizajnu i može dovesti do daljih frustracija.

Šta je CSS?

CSS je noviji jezik i nije poznat web dizajnerima početnicima. CSS je kreiran da omogući dizajnerima kreativnost i kontrolu nad njihovim dizajnom. Danas postoji više tipova Internet browsera, dizajniranje može biti teško za HTML dizajnere. CSS štedi vreme, a samim tim trud i novac pri kreiranju sajtova. CSS dozvoljava kreiranje stilova za ceo sajt, što znatno smanjuje vreme i uložen napor za kreiranje sajta. Ovo konkretno znači da kad je promena napravljena na jednoj stranici, to utiče na sve ostale stranice.

css

HTML vs CSS

CSS ne zauzima mesto HTML-u. Koristi se više kao poboljšanje, ne kao zamena. HTML je i dalje savršen tip kodiranja za glavnu strukturu sajta.

CSS brilijira u tome, kako će stranica izgledati. Izgled sajta kao što je pozadina, boje, sadržaj, postavljanje slika, može se urediti pomoću CSS-a.

Stranica može da se završi korišćenjem HTML-a, CSS-a, omogućava dizajnerima da podese margine za svaku stranu, preklapanje reči, bolje pozicioniranje elemenata i podešavanje fontova za celu tabelu ili samo delove. Ovakve su naizgled male prepravke, ali ovakvi CSS trikovi štede vreme za dizajnere za generalni izgled, dizajn i navigaciju.

Učenje

Postoji mnogo mesta i resursa, gde novi dizajneri mogu da nauče i HTML i CSS. Ako ste se opredelili za "ručni" pristup, biblioteka ima velik izbor tutoriala za ove tehnike. Moguće je naučiti veštinu sa eksperimentisanjem. Ukoliko ste disciplinovani, ova metoda učenje je ne samo efektivna, već i besplatna.

Sa popularnošću WWW-a, čini se da se svako bavi dizajnom ovih dana. Od besplatnih online editora, do komercijalnih Internet magova, postoji veliko tržište za web dizajn, koje se neće umanjiti u skorije vreme. Ukoliko odlučite da učite natenane i tražite male firme ili krenete ozbiljno za dizajniranje velikim koorporacijama, osnove dizajniranja je mesto od kog se kreće.

Tags: CSS, html, learnig html, learning css, ucenje css, ucenje html, web design, Web dizajn

mart 3, 2011 Posted by admin in Novosti iz oblasti web dizajna

20 kreativnih slideshow sajtova

Slideshow je idealan način za prikaz željenog sadržaja u sažet prostor. Korišćenje javascripta omogućava dizajnerima da ulepšaju slideshow sa animacijama i efektima. Ovaj post sadrži kolekciju kreativnih sajtova sa slideshow efektima.