Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Co je CEZET Map? • Mapa ČR jako vektorové písmo • Jednotlivé kraje jsou samostatné písmena • Jednoduché změny barev a rozměrů • Databáze s polohou 110 největších měst ČR • OSS - Creative Commons Licence CC BY • Dostupné na GitHubu

Slide 3

Slide 3 text

Proč CEZET Map vzniklo? • Časová náročnost a pracnost tradičního postupu • HTML AREA ta = WTF • Responsivní přístup k tvorbě webu • HD zařízení (Retina) • Optimalizace webu (rychlost, velikost, requesty) • Moderní technolo ie

Slide 4

Slide 4 text

Použité technolo ie • HTML - Skturktura • CSS3 - Stylování • SVG - Vektorové podklady pro tvorbu písma • Font face - Jádro projektu • jQuery - Interaktivní události

Slide 5

Slide 5 text

HTML AREA ta = WTF

Slide 6

Slide 6 text

HTML AREA ta = WTF

Slide 7

Slide 7 text

HTML AREA ta = WTF

Slide 8

Slide 8 text

HTML AREA ta = WTF

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

CSS a JS </ script> <!-- podpora pro IE 7 a mensi --> <!--[if lt IE 8]> <script src="IE8.js"> </script> <![endif]--> <!-- CEZET Map skripty --> <script src="cezetmap/js/cezetmap.js">

Slide 14

Slide 14 text

CSS a JS </ script> <!-- podpora pro IE 7 a mensi --> <!--[if lt IE 8]> <script src="IE8.js"> </script> <![endif]--> <!-- CEZET Map skripty --> <script src="cezetmap/js/cezetmap.js">

Slide 15

Slide 15 text

CSS a JS </ script> <!-- podpora pro IE 7 a mensi --> <!--[if lt IE 8]> <script src="IE8.js"> </script> <![endif]--> <!-- CEZET Map skripty --> <script src="cezetmap/js/cezetmap.js"> jQuery

Slide 16

Slide 16 text

CSS a JS </ script> <!-- podpora pro IE 7 a mensi --> <!--[if lt IE 8]> <script src="IE8.js"> </script> <![endif]--> <!-- CEZET Map skripty --> <script src="cezetmap/js/cezetmap.js"> jQuery

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

www.cezetmap.cz @cezetmap