UI:Mobiilvaate praktikum: erinevus redaktsioonide vahel

Allikas: Lambda
Mine navigeerimisribale Mine otsikasti
Roger (arutelu | kaastöö)
Resümee puudub
Roger (arutelu | kaastöö)
Resümee puudub
1. rida: 1. rida:
Teha leht, mis kasutaks [http://css-tricks.com/snippets/css/a-guide-to-flexbox/ flexboxi] meetodit koos CSS Media Querydega. Sisu võiks koosneda piltidest + tekstidest, mis muudavad suurust vastavalt brauseri suuruse muutmisele.
Teha leht, mis kasutaks [http://css-tricks.com/snippets/css/a-guide-to-flexbox/ flexboxi] meetodit koos CSS Media Querydega. Sisu võiks koosneda piltidest + tekstidest, mis muudavad suurust vastavalt brauseri suuruse muutmisele.


Desktopi vaade peaks olema kõik, millel on laius suurem kui 1024px.
Desktopi vaade peaks olema kõikidel ekraanidel, millel on laius suurem kui 1024px.


[[Pilt:Desktop-flex.png|x240px]]
[[Pilt:Desktop-flex.png|x240px]]
21. rida: 21. rida:
[[Pilt:Mobile.png|x240px]]
[[Pilt:Mobile.png|x240px]]


(Pilt peaks erinema desktopi reklaami pildist. Näidata teistsugust reklaami, kui vaadata suurema pikslitihedusega ekraanilt.)
(Pilt peaks erinema desktopi reklaami pildist. Näidata teistsugust reklaami, kui vaadata suurema pikslitihedusega ekraanilt. Javascriptiga peaks peitma menüü, kui minna mobiilsesse vaatesse ning mingi nupu vajutamisel võiks see nähtavale ilmuda)

Redaktsioon: 24. märts 2014, kell 20:02

Teha leht, mis kasutaks flexboxi meetodit koos CSS Media Querydega. Sisu võiks koosneda piltidest + tekstidest, mis muudavad suurust vastavalt brauseri suuruse muutmisele.

Desktopi vaade peaks olema kõikidel ekraanidel, millel on laius suurem kui 1024px.

(Nupud võiks olla keskel üleval. Näidata teistsugust reklaami, kui vaadata suurema pikslitihedusega ekraanilt)


Tableti vaade peaks jääma 1024px ja 768px vahele.

(Tulbas vähem asju. Äärest ääreni nupud üleval ning suuremad, kui desktopi vaates)


Mobiilne vaade võiks olla väiksem kui 768px.

(Pilt peaks erinema desktopi reklaami pildist. Näidata teistsugust reklaami, kui vaadata suurema pikslitihedusega ekraanilt. Javascriptiga peaks peitma menüü, kui minna mobiilsesse vaatesse ning mingi nupu vajutamisel võiks see nähtavale ilmuda)