Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tricky CSS
Ide to aj bez nich 
inline-block a šírka elementov v percentách 
Floatovanie funguje tak načo? 
centrovanie aj ‘floatovaný...
Poznáme asi všetci, niektoré veci sa jednoducho v 
starých prehliadačoch nedajú spraviť. 
Horšie keď to napriek tomu žiada...
Ší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í prvot...
Ďakujem........
Upcoming SlideShare
Loading in …5
×

of

Tricky css Slide 1 Tricky css Slide 2 Tricky css Slide 3 Tricky css Slide 4 Tricky css Slide 5 Tricky css Slide 6
Upcoming SlideShare
Academy vol.4
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

Tricky css

Download to read offline

Tricky CSS

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Tricky css

  1. 1. Tricky CSS
  2. 2. 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)
  3. 3. 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é
  4. 4. Ší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?
  5. 5. 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
  6. 6. Ďakujem........

Tricky CSS

Views

Total views

859

On Slideshare

0

From embeds

0

Number of embeds

639

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×