Html5, Css3, Responsive kodiranje (amater)

Teli LMGTFY so običajno žaljivka za tistega, ki sprašuje. Sprašujem tiste, ki imate s tem malo izkušenj, kaj bi priporočili. Google poznam.

@pegasus: Ok. Vseeno me zanima specifično HTML5.

Tako kot je napisal zgoraj, responsive design ni "nic" drugega, kot da v CSS-ju posebej podas pravila za razlicne velikosti ekrana, npr. ko je stran manjsa od 1024(tablet) uporabi ta pravila, ko je manjsa od 640(smartphone), uporabi druga pravila za elemente (med katerimi so tudi slike, videi), itd ... To naredis z media-query-ji. Poglej si na youtube-u kak video o izdelavi simple responsive strani, da vidiš, kako izgleda izdelava v praksi. Ko pa se naučiš osnov, se pa ponavadi uporablja kak css framework, ki je že itak responsive, razen če gre za kak res simple site ali delcek strani.

PS. tudi opomba o HTML 1.0 je bila žaljivka, ker je to praktično le plain text ;)

Jaz bi za osnovo uporabil kak framework tipa Twitter Bootstrap raje, kot da greš vse iz nule delat.

noben html doctype ni responsive, kvecjemu fluid
za "responsiveness" rabis css3 media queries.

@martincek1:
A)par tehnicnicnih napotkov:
- uporabljaj html5 semanticne elemente kolikor se da (header, footer, nav, section,aside,...)
- css gradi po principu "mobile first", se pravi najprej so stili za mali viewport in nato sele dodas media query breakpoint
- media query dodaj tam ko vsebina naravno zahteva (dolzina stavka je predolga, menu ima dovolj prostora za horizontalno postavitev, itd in ne po nekih pred-definiranih breakpointih (480,640,768, itd)
- pusti frameworke za zdaj na miru. se ne bos nic naucil, se bolj se bos lovis in stravljal svoj dizajn v framework

B) par vsebinskih napotkov
- vprasaj se kaj je cilj tvojega portfolia, kaj hoces povedat
- samo screenshoti izdelkov so brezpredmetni, glej zgoraj pegasus-ov nasvet: zakaj, zato, kaj in kako
- vecino strani je text, bodi pozoren na izbiro pisave/pare pisav, line-height, kerning, barvni kontrast

Responsive ni za jemat kar tako na easy .. daš par breakpointov z pomočjo media querijev in je... ja to delajo amaterji, vendar če hočeš narediti zadevo kot se spodobi, potem si moraš vzeti malo več časa za to.

Prvo se odlolči ali boš delal adaptive ali responsive... načeloma je skoraj isto, samo da adaptive ima v naprej definirane fixne širine za določene resolucije, responsive pa se načeloma konstanto prilagaja... eni mečejo ta dva izraza v isti koš

Poleg prilagajanja html elementov, je dobro da serviraš tudi slike in ostale elemente prilagojene za mobilne naprave (večina servira kar enake slike kot so na desktop verziji s tem da jih samo pomanjša s CSS-jem). Popaziti je tudi treba kakšne JS skripte uporabljaš in kako... sploh če imaš kake fancy sliderje

ipd...

načeloma vsekupaj ni težko .. vendar ni pa en dva tri kot si nekateri predstavljajo