6
Tricky CSS

Tricky css

Embed Size (px)

Citation preview

Tricky CSS

Ide to aj bez nich

inline-block a šírka elementov v percentách

Floatovanie funguje tak načo?

centrovanie aj ‘floatovaných’ elementov (napr.

pagination)

možnosť vertikálneho centrovania (napr. slider s

rôzne vysokými testimonials)

Poznáme asi všetci, niektoré veci sa jednoducho v

starých prehliadačoch nedajú spraviť.

Horšie keď to napriek tomu žiada klient alebo šéf

transform v IE6-8 môže fungovať

http://www.hongkiat.com/blog/css-transform-ie/

podpora pre rotate, skew, scale a matrix

Takže aj menu v adelto može byť pekné

Šípky, plus, X, trojuholníky…

množstvo ikoniek je rovnakých len inak

otočených.

prečo nevyužiť rotate a ušetriť pár kb?

width=device-width povie prehliadaču, že moja stránka je

pripravená na adaptívne zobrazenie.

Initial-scale nastaví prvotné zoomnutie stránky. Pri hodnote 1 je

1 CSS pixel = 1 view port pixel

240-dpi zariadenia budú pri initial-scale=1 zoomnute o 150%

320-dpi zariadenia budú pri initial-scale=1 zoomnute o 200%

Maximum-scale / Minimum-scale nastavuje koľko max/min

môže uživateľ zoomovať

User-scalable môžme nastaviť na yes/no

Ďakujem........