How 2 web design

Una introduccion a html5 y css3.

Transcript

1. How 2 web design Introduccion a html5 y css3 Por / Arturo Coronel @datyayu
2. Estructura de una aplicacion DB <---> Backend <---> Frontend
3. Bases de datos
4. Backend
5. Frontend
6. HTML HyperText Markup Language
7. HTML 5
8. Browser support
9. F*ck Internet Explorer
11. Links caniuse.com Comparacion de navegadores html5shiv
12. Let's code!
14. Semantic web
15. Mal >:( < b > n e g r i t a s < / b > < i > i t a l i c a s < / i > Bien :) < s t r o n g > n e g r i t a s < / s t r o n g > < e m > i t a l i c a s < / e m >
16. CSS Cascading Style Sheets
17. Sintaxis s e l e c t o r { p r o p i e d a d : v a l o r ; }
18. Unidades de medida px % em rem
19. Box model
20. Resets Reset.css Normalize.css
21. BEM Block, Element, Modifier
22. Nombramiento de clases / * B l o q u e c o m p o n e n t e * / . b t n { } / * E l e m e n t o q u e d e p e n d e d e l b l o q u e * / . b t n _ _ p r i c e { } / * E s t a d o / M o d i f i c a d o r a l b l o q u e . * / . b t n ­ ­ o r a n g e { } . b t n ­ ­ b i g { } < a c l a s s = " b t n b t n ­ ­ b i g b t n ­ ­ o r a n g e " h r e f = " h t t p : / / c s s ­ t r i c k s . c o m " > < s p a n c l a s s = " b t n _ _ p r i c e " > $ 9 . 9 9 < / s p a n > < s p a n c l a s s = " b t n _ _ t e x t " > S u b s c r i b e < / s p a n > < / a > Demo
23. THE END Links, codigo y presentacion en: https://github.com/datyayu/how-2-web-design