Webové prohlížeče
Tomáš Hnízdil
Jaké prohlížeče znáte?
- Jaké prohlížeče používáte?
- Pro jaké prohlížeče optimalizujete?
Koláč na úvod
- Internet Explorer: 67 %
- Mozilla Firefox: 21 %
- Safari: 8 %
- Google Chrome: 1,15 %
- Opera: 0,7 %
- Další: 0,9 %
Co prohlížeče zvládají?
| CSS2.1 | HTML5 | Rámce | XHTML1.1 | MathML |
IE | částečně | ne | ano | ne | ne |
Firefox | ano | ne | ano | ano | ano |
Chrome | ano | ne | ano | ano | ne |
Safari | ano | ne | ano | ano | ne |
Opera | ano | ano | ano | ano | ano |
| | | | | |
Prohlížeče a jádra
- Trident: IE, Avant
- Gecko: Firefox, SeaMonkey, Trident, Flock, Netscape
- WebKit: Safari, Chrome, Konqueror
- Presto: Opera
Specializované prohlížeče
- zaměřené na social web: Flock
- multimediální: Image Xplorer, Songbird
- 3D prohlížeč: SpaceTime
Zajímavé prohlížeče - Amaya
- lightweight browser
- vyvíjený W3C jako svůj autorizační nástroj
- funguje jako online editor (původně pouze editor)
CSS #1 - "neprůstřelný design"
- design, který se zobrazuje v každém prohlížeči stejně
- hlavička, patička a tři sloupce DEMO
- lze najít spoustu universálních zdrojů
- fluidní vs. pevné layouty?
CSS #2 - CSS HACKS
- načtením CSS (@import "non-ie-lt7.css" all;)
- podmíněnými komentáři DEMO
- selektory s atributy DEMO
- odstřižením v kódu "_margin", "* padding", "!important" (nedoporučené, z hlediska validity CSS)
CSS #2 - CSS HACKS - kdy je použít?
- standardní vs. quirk model (starší browsery)
- chybějící min-height v IE 6 a starších (_height)
- chyby u plovoucích prvků (three-pixel bug, doubled-margin bug) DEMO