Lipanj 21

Vraćeni video tutoriali

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Nakon što se Veoh.com počeo praviti pametan morao sam pronaći drugi servis za postavljanje video tutoriala. Odlučio sam se za vimeo.com. Podržavaju do 500MB videa tjedno, ali za moje potrebe je to sasvim dovoljno, video može biti i u viskoj kvaliteti i ne morate - kao na Veohu imati nekakav klijent da bi video pogledali u cijelosti. Video isto tako možete i skinuti tako da kliknete link koji će vas odvesti na orginalnu stranicu na kojoj se nalazi video i dolje desno se nalazi link za download .AVI-ja. Uglavno za sada sam poprilično zadovoljan uslugom.

Dakle ovdje možete pogledati prvi dio mog trosatnog video tutoriala, a ovdje drugi dio. Probat ću ovaj vikend napraviti i treći dio tutoriala, tako da ga možete očekivati oko ponedjeljka, utorka.



Lipanj 19

Video problem

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Dach me upozorio da video tutoriali više ne rade (hvala Dach), pošto je Veoh.com iz nekog razloga odlučio da bi baš bilo super da ne dopuste gledanje videa ljudima iz Hrvatske a koliko čujem i BiH. Ništa, idem u potragu za novim servisom na koji ću moći staviti te tutoriale. Ako netko zna neki dobar i koji neće previše osakatiti kvalitetu slike i da može streamati .avi-ije neka pošalje svoj prijedlog u komentare.

Novi tutorial bi trebao izaći možda već za vikenda, ako nađem dobar servis za video. Uživajte i pozdrav.



Veljača 16

Mala škola web dizajna za totalne početnike - lekcija 4 - drugi dio (CSS)

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno


Link na orginalnu stranicu sa koje možete skinuti .AVI

Ovo je drugi dio video tutoriala iz male škole web dizajna. U ovom djelu obrađujemo CSS i završavamo stranicu koju smo počeli raditi u prvom dijelu ovoga tutoriala. Ovaj video traje skoro 2 sata. Pogledajte kako će izgledati stranica koju ćete napraviti pomoću ovog tutoriala.

Kliknite na link ispod “Pročitajte ostatak ovog unosa” radi više informacija i materijala za download, koji će vam trebati da uspješno završite ovu lekciju.

Pročitajte ostatak ovog unosa »

Veljača 14

Mala škola web dizajna za totalne početnike - lekcija 4 - prvi dio (HTML)

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno


Link na orginalnu stranicu sa kojeg možete skinuti .AVI

Pošto je Veoh.com prestao puštati pristup hrvatima na svoj sajt, morao sam premjestiti ove video tutoriale. Trenutno, se video nalazi na vimeo.com i čini mi se da je ovaj servis poprilično dobar, jedino ima nekih problema sa uploadom filmova, tako da je ovaj tutorial podignut, dok je drugi dio još na čekanju. Za razliku od Veoha ovdje ne morate skidati neke posebne finte da bi gledali ovaj tutorial. Ako tutorial želite skinuti u .AVI formatu, imate link odmah ispod video koji vodi na orginalnu stranicu i pri dnu te stranice, desno imate link za download.

Kliknite na link ispod “Pročitajte ostatak ovog unosa” radi više informacija i materijala za download, koji će vam trebati da uspješno završite ovu lekciju.

Pročitajte ostatak ovog unosa »

Studeni 26

Mala škola web dizajna za totalne početnike - Lekcija 3 - osnove CSS-a

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Mala škola web dizajna za totalne početnike - Lekcija 3 - osnove CSS-a

U prošloj lekciji zadatak je bio da napravite da odlomci, odnosno p tagovi imaju gornji i donji obrub u crvenoj boji, da budu debljine 2px i da budu pune linije. Lijevi i desni obrubi će biti crtkani, debljine 5px i plave boje.

Riješenje ovog zadatka je vrlo jednostavno:

p{
border-bottom: 2px solid #FF0000;
border-top: 2px solid #FF0000;
border-left: 5px dashed #0000FF;
border-right: 5px dashed #0000FF;
}

Možete kliknuti ovdje da vidite to rješenje. Sada kad smo to riješili, nastavljamo dalje, još uvijek imamo stranicu koja nam se zove prva.html i css koji nam se zove stil.css

Pročitajte ostatak ovog unosa »

Studeni 15

Mala škola web dizajna za totalne početnike - Lekcija 2 - osnove CSS-a

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Osnove CSS-a

Zadnji puta smo stali na ovome. Znači napravili smo kostur naše stranice. Odnosno definirali smo strukturu stranice, kao što vidite, stranica baš i ne izgleda nešto posebno. Da bi ju malo uljepšali moramo se koristiti CSS-om. Ako nam je HTML kostur, onda bi CSS bio meso koje ćemo staviti na taj kostur, u dizajnerskom smislu, naravno.

Pročitajte ostatak ovog unosa »

Listopad 24

Mala škola web dizajna za totalne početnike - Lekcija 1 - osnove HTML-a

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Uvod

Odlučio sam početi pisati ovu malu školu iz nekoliko razloga:
1. Zato što sam skužio da nisam objasnio dobro neke stvari u prva dva tutorijala.
2. Zato što želim napraviti jedan sveobuhvatni tečaj na ovim stranicama počevši od samih osnova pisanja koda pa do grafičkog oblikovanja web stranica u Photoshopu.

Lekcije će izlaziti barem jednom tjedno i bit će napravljene kao obični tekstualni ili kao video tutoriali, zavisi o temi lekcije. Naprimjer za ovu lekciju nije potreban video tutorial zato što se ovdje radi većinom o teoriji i mislim da je lakše pratiti ovako napisano nego kao video tutorial.

Pročitajte ostatak ovog unosa »

Lipanj 22

Dizajniranje bez tablica za početnike #2 - Izbornici

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Evo kao što sam obećao napravio sam video tutorial za izbornike i CSS. Ispričavam se odmah na kvaliteti zvuka i možda na još nekim problemima unutar videa. Imajte razumjevanja, ipak mi je ovo prvi ovakav tutorial.

Pročitajte ostatak ovog unosa »

Lipanj 21

Dizajniranje bez tablica za početnike #1

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Uvod

Ovo je prvi dio u seriji tutoriala pomoću kojega ćete, nadam se naučiti osnove izrade web stranica bez korištenja tablica za vizualni izgled stranica. U ovome tutorialu ću pokazati kako napraviti početnu stranicu, koja će se sastojati od zaglavlja, dva stupca i podnožja, znači nekakvu standardnu stranicu.

Pročitajte ostatak ovog unosa »

Lipanj 19

Kako staviti bilo koji font na sajt poštivajući standarde?

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Divanhana
  • Furl
  • hr.digg
  • ukusno

Pa zapravo relativno jednostavno, sa naglaskom na relativno, da bi ovo postigli trebalo bi vam neko osnovno znanje iz CSS-a, HTML-a i vrlo malo Flasha. Pogledajte recimo ovaj primjer: MicroGrammaBoldExt Primjetite kako izgleda ovaj font, probajte ga obilježiti, znači ponaša se kao običan tekst, ako pogledate source stranice vidjet ćete da to zapravo u kodu i jesu slova, znači nije nikakva izgenerirana slika nego baš tekst.

Pročitajte ostatak ovog unosa »