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 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