Responsive Web Design

Zanima me da li je itko sa foruma napravio koju stranicu da je baš od samog početka razmišljao o svim mogučim varijacijama na kojima bi se stranica mogla pregledavati.
U biti najviše me zanima koju kombinaciju @media je koristio, je li korišten ikakav Responsive Css Framework,
dali je radio s Em-ovima ili Rem-om?

U posljednje vrijeme to sve više proučavam, ali stvarno ima masu varijacija, a što je najgore ni jedna nije univerzalna.
Posljednje na što sam naišao, i po meni najbolje je cijeli Css pisati koristeći Rem, napraviš fallback u pixelima za IE7,8 i opališ puno media queriesa, i stvarno sve radi perfektno.

Jedini je problem da za sve trebaš raditi kalkulacije, od paddinga,margina, pa za image, doslovce za sve, ali se na kraju isplati.

Može link da vidim gdje si našao to?

http://blog.responsivenews.co.uk/post/13925578846/fluid-grids-orientation-resolution-independence

http://snook.ca/archives/html_and_css/font-size-with-rem

Stvar sada funkcionira da prvo napišeš vrijednosti u pixelima, a onda u remu.
Npr; margin:10px 5px; margin:1rem 0.5rem;
Ovo može stvarno postati naporno ako radiš na nekom većem projektu, jer moraš doslovce sve ovako pisati da bi se stranica lijepo prilagođavala.

Ovaj link ima riješenje i za to, samo trbam naučiti kako se korist SASS i takozvani CSS Mixins.
Znači napišeš ovako:
.element {
@include rem(‘padding’,10px 0 2px 5px);
}

i on to prebaci u:
.element {
padding: 10px 0 2px 5px;
padding: 1rem 0 0.2rem 0.5rem;
}

Sve si ti to malo krivo pokopčao.
Ova knjiga ti e zakon za to:

9 USD valjda možeš izdvojiti.

@CreatifCode
Ajde mi molim te malo pojasni što sam to krivo pokopčao.
Jel znaš o čemu on piše u toj knjizi?

Jel ovo znači da nije web 2.0 u modi, sad je responsive dizajn IN?

Po meni onaj tko napravi ekran o 2,5’’ bi trebao biti odgovoran kako će smjesiti stranicu na njega, webmaster eventualno ponuditi mobile alternativu za one sa čavapima umjesto prstiju…

A gledaj, nisam ja to izmislio.Ali sam princip je ok, nešto kao “write once run anywhere”

Ideja responsive dizajna je da se kompletan layout mjenja, ne samo velicine.

Znaci doslovno, ako je potrebno, na velikim rezolucijama horizontalni izbornik sa 10 stavki na manjim rezolucijama bude razvrstan u drugacije logicke cjeline i ima samo 2 ili 3 stavke… itd. You get the point :slight_smile:

Bas jedan kolega priprema blank responsive temu za Magento, vjerojatno cemo ju dat besplatno na download. Dosta se pricalo o tome na FOWD-u u New Yorku kaže mi :slight_smile:

@woot
Jasno je to meni, to o čemu ti pričaš rade responsive css frameworksi, stackaju kolumne jednu poviše druge, nude klase tipa hideOnTablet, itd.
Ali to nije rješenje, ono o čemu sam ja pisao je da ako horitontalni ima 10 stavki, on ih ima 10 od 1920px do 320px.

Ti se jos zamaras sa IE6 i 7?


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja