SlideShare a Scribd company logo
1 of 89
Download to read offline
LA WEB SE MUEVE:
      CONOCE HTML5 & CSS3



Javier Usobiaga    BCNVisualSound 2011
¡HOLA!
@htmlboy
@martuishere
Swwweet.com
  @savetheusers
LA WEB SE




MUEVE
FUTURO
Conoce HTML5 y CSS3
CSS

3
Conoce HTML5 y CSS3
Conoce HTML5 y CSS3
http://swwweet.com/presentaciones/viajartiempo
5
HTML5
¿QUÉ ES HTML5?

✓Nuevos elementos, más semánticos
✓Un conjunto de APIs
✓Retrocompatible
✓Una nueva filosofía
Conoce HTML5 y CSS3
¿SE PUEDE USAR YA?



      SÍ
       pero...
¿SE PUEDE USAR YA?

✓retrocompatibilidad de la
 Hay que preocuparse

✓aún tecnologías no están preparadas
 Algunas

✓accesible tiene que ser siempre
 El contenido

✓(polyfills) complementar con javascript
 Se pueden
!DOCTYPE
XHTML 1.1:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



HTML5:
                     <!DOCTYPE html>
CODIFICACIÓN
 XHTML 1.1:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />




 HTML5:
                        <meta charset=utf-8>
LINK / SCRIPT
XHTML 1.1:
<link rel="stylesheet" type="text/css" href="style-original.css"/>

    <script type="text/javascript" src="jquery.js"></script>


HTML5:
             <link rel=stylesheet href=styles.css>

                <script src=jquery.js></script>
NUEVA ESTRUCTURA


    <header>
header




header
NUEVA ESTRUCTURA


     <nav>
nav




nav
NUEVA ESTRUCTURA


   <article>
article   article   article
NUEVA ESTRUCTURA


   <section>
section




section
NUEVA ESTRUCTURA


    <aside>
aside
NUEVA ESTRUCTURA


    <footer>
footer
NUEVA ESTRUCTURA


    <figure>
FIGURE/FIGCAPTION

<figure>
  <img src=foto.jpg alt="">	
  <figcaption>
    Tortugas
  </figcaption>
</figure>
figure   figure
NUEVOS ELEMENTOS


    <video>
    <audio>
video
VIDEO


<video src="video.???" > </video>
VIDEO
GUERRA DE FORMATOS



 Theora + Ogg          3.5+          5.0+   10.5+


 H264 + MP4     9.0+          3.0+   5.0+           3.0+   2.0+


    WebM        9.0+   4.0+          5.0+   10.6+
VIDEO

<video controls>
  <source src="vid.mp4" type="video/mp4" >
  <source src="vid.ogv" type="video/ogg" >
  <p>
    Tu navegador no sorporta vídeo.
  </p>
</video>
VIDEO
<video controls>
  <source src="vid.mp4" type="video/mp4" >
  <source src="vid.ogv" type="video/ogg" >
  <object type="application/x-shockwave-flash"
    data="player.swf?file=vid.mp4">
    <param name="vid" value="player.swf?file=vid.mp4">
    <a href="vid.mp4">Descargar vídeo</a>
  </object>
</video>
SOPORTE HTML5
SOPORTE HTML5



                      *


          * última beta
SOPORTE HTML5

                 HTML5 SHIV
       (HTML5 para navegadores antiguos)

<!--[if lt IE 9]>
   <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
   </script>
<![endif]-->
3
CSS3
¿QUÉ ES CSS3?

✓Nuevas posibilidades de decoración
✓Menos markup
✓Menos dependencia de javascript
✓Mayor control
¿SE PUEDE USAR YA?



      SÍ
       pero...
¿SE PUEDE USAR YA?

✓ No hay que devaluar la experiencia del
  usuario
✓branding, estructura...
  Cuidado con los elementos críticos:

✓ Pueden ser un premio
✓-webkit, -ms, -o
  Hay que utilizar “vendor prefixes”: -moz,
¿SE PUEDE USAR YA?

    ¿LAS PÁGINAS WEB TIENEN QUE
   EXPERIMENTARSE EXACTAMENTE
 IGUAL EN TODOS LOS NAVEGADORES?
dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com
dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com
BACKGROUND
MULTIPLE BACKGROUNDS:

html{
  background: url("img/arena.png")
              no-repeat 70% 20%,
              url("img/texture.png")
              repeat left top;
}
multiple
             background


  multiple
background
RGBa Y HSLa
RGBa = RGB + alpha
#foo{
  background: rgba(0, 0, 0, .5);
}

#foo{
  background: rgba(255, 0, 0, .7);
}
RGBa Y HSLa
HSLa = HSL + alpha
#foo{
  background: hsla(324, 100%, 75%, .7);
}

#foo{
  background: hsla(324, 100%, 25%, .7);
}
RGBa




RGBa
       RGBa




              RGBa
RGBa Y HSLa
html{
  background: url("img/arena.png")
              no-repeat 70% 20%,
              url("img/texture.png")
              repeat left top;
}

body{
  background: rgba(241, 238, 203, 0.7);
}
rgba(241, 238, 203, .7)
rgba(5, 129, 121, .8)
rgba(173, 165, 53, .8)
@FONT-FACE
PERMITE INCORPORAR TIPOGRAFÍAS NO
INSTALADAS EN EL SISTEMA OPERATIVO

@font-face {
    font-family: 'Lobster';
    src: url('Lobster.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



                         L          r
@FONT-FACE
PERMITE INCORPORAR TIPOGRAFÍAS NO
INSTALADAS EN EL SISTEMA OPERATIVO
@font-face {
    font-family: 'Lobster';
    src: url('Lobster.eot?') format('eot'),
         url('Lobster.woff') format('woff'),
         url('Lobster.ttf') format('truetype'),
         url('Lobster.svg#webfont1MhCsZSr') format ('svg');
    font-weight: normal;
    font-style: normal;
}

                         L          r
@font-face




@font-face
@FONT-FACE
 Google Font Directory
 http://code.google.com/webfonts

 Fontsquirrel
 http://www.fontsquirrel.com/

 Typekit
 http://typekit.com/

 MyFonts
 http://new.myfonts.com/info/webfonts/
TEXT-SHADOW
h1{
  text-shadow: 3px 3px 5px black;
}
              Doc Brown
h1{
  text-shadow: 5px 5px 0px blue;
}

             Marty McFly
TEXT-SHADOW
h1{
  text-shadow: 0 0 20px #FEFCC9,
               10px -10px 30px #FEEC85,
              -20px -20px 40px #FFAE34,
               20px -40px 50px #EC760C,
              -20px -60px 60px #CD4606,
               0 -80px 70px #973716,
               10px -90px 80px #451B0E;
}
text-shadow




text-shadow

                text-shadow
BOX SHADOW
#foo{
  box-shadow: 5px 5px 10px black;
}




#foo{
  box-shadow: inset 3px 3px 10px black;
}
BOX SHADOW
#foo{
  box-shadow:   : 0 1px 0 #e87754,
                  0 2px 0 #bd4019,
                  0 3px 0 #ae3b17,
                  0 5px 0 #9f3615,
                  0 7px 0 #903113,
                  0 8px 1px rgba(0,0,0,.1),
                  0 0 5px rgba(0,0,0,.1),
                  0 10px 10px rgba(0,0,0,.2),
                  0 20px 20px rgba(0,0,0,.15);
}
box-shadow


box-shadow



                box-shadow
BORDER RADIUS
#foo{
  border-radius: 10px;
}



#foo{
  border-radius: 50px 0 50px 0;
}
BORDER RADIUS

#foo{
  border-radius: 9999px;
}
border-radius


border-radius



                    border-radius
TRANSFORMS

#foo{
  transform: rotate(45deg);
}



#foo{
  transform: scale(0.5);
}
TRANSFORMS

#foo{
  transform: skew(45deg);
}



#foo{
  transform: translate(20px,-20px);
}
transform
TRANSITIONS

#foo{
  transition: 1.5s opacity ease-in-out;
}
Conoce HTML5 y CSS3
TRANSITIONS
 nav li{
   width: 160px;
   transition: .3s width linear;
 }


 nav li:hover{
   width: 220px;
 }
Conoce HTML5 y CSS3
TRANSITIONS

nav li span{
  transition: .6s transform ease-in-out;
}

nav li:hover span{
  transform: rotate(360deg);
}
Conoce HTML5 y CSS3
SOPORTE CSS3
IE8
RECURSOS




http://books.alistapart.com
RECURSOS


http://swwweet.com/presentaciones/html5hoy
RECURSOS
CURSO CSS3 EN PUNT MULTIMÈDIA


      15/2/2011 - 18/2/2011
          19:30 - 21:30


        39,50€ / 30,40€
¡GRACIAS!
CRÉDITOS
  http://www.flickr.com/photos/kingdafy/500260659

  http://www.flickr.com/photos/mikeq314/4966121385

http://www.flickr.com/photos/hoyvinmayvin/4310321648

http://www.flickr.com/photos/hoyvinmayvin/4119535890

http://www.flickr.com/photos/hoyvinmayvin/4065429187/

More Related Content

What's hot

Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRvalgreens
 
HTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYHTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYJuan Eladio Sánchez Rosas
 
Html5 telefonica-curso
Html5 telefonica-cursoHtml5 telefonica-curso
Html5 telefonica-cursoJuan Quemada
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Joaquin Lara Sierra
 
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5joycesita
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Hernan Beati
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5maxfontana90
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!maspixel
 
Nuevas etiquetas en HTML 5
Nuevas etiquetas en HTML 5Nuevas etiquetas en HTML 5
Nuevas etiquetas en HTML 5mferrer
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5ADWE Team
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyFRONTDAYS
 
Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5 Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5 Gonzalo C.
 

What's hot (20)

HTML5 y CSS3
HTML5 y CSS3HTML5 y CSS3
HTML5 y CSS3
 
Ria 03-html5-css3
Ria 03-html5-css3Ria 03-html5-css3
Ria 03-html5-css3
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGR
 
HTML5 Nuevas Etiquetas Semanticas
HTML5 Nuevas Etiquetas SemanticasHTML5 Nuevas Etiquetas Semanticas
HTML5 Nuevas Etiquetas Semanticas
 
HTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYHTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOY
 
Html5 telefonica-curso
Html5 telefonica-cursoHtml5 telefonica-curso
Html5 telefonica-curso
 
Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
Nuevas etiquetas en HTML 5
Nuevas etiquetas en HTML 5Nuevas etiquetas en HTML 5
Nuevas etiquetas en HTML 5
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5
 
HTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoyHTML5 y CSS3: como sacarles partido hoy
HTML5 y CSS3: como sacarles partido hoy
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?
 
Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5 Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5
 
Maquetación web con html5
Maquetación web con html5Maquetación web con html5
Maquetación web con html5
 

Viewers also liked

Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3Accenture Digital
 
Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Viviana Trujillo
 
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสSamit Koyom
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoftwyggio
 
Microsoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationMicrosoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationRachel Andrew
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Webvictorluis19
 
Structure Web Content
Structure Web ContentStructure Web Content
Structure Web ContentNicole Ryan
 
HTML5 Enfoque Semantico
HTML5 Enfoque SemanticoHTML5 Enfoque Semantico
HTML5 Enfoque SemanticoMax Kraszewski
 
Laying Out Elements with CSS
Laying Out Elements with CSSLaying Out Elements with CSS
Laying Out Elements with CSSNicole Ryan
 
Getting Started with CSS
Getting Started with CSSGetting Started with CSS
Getting Started with CSSNicole Ryan
 
Rich Snippets - Congreso Web 2012
Rich Snippets - Congreso Web 2012Rich Snippets - Congreso Web 2012
Rich Snippets - Congreso Web 2012Pedro Martínez
 
CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : FloatSandhika Galih
 

Viewers also liked (17)

Html5 css3
Html5 css3Html5 css3
Html5 css3
 
Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3
 
Estilo & CSS3
Estilo & CSS3Estilo & CSS3
Estilo & CSS3
 
Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Presentación Multimedia - HTML5
Presentación Multimedia - HTML5
 
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoft
 
Microsoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationMicrosoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 Presentation
 
Html5+ccs3+js
Html5+ccs3+jsHtml5+ccs3+js
Html5+ccs3+js
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Web
 
Css floats
Css floatsCss floats
Css floats
 
Structure Web Content
Structure Web ContentStructure Web Content
Structure Web Content
 
HTML5 Enfoque Semantico
HTML5 Enfoque SemanticoHTML5 Enfoque Semantico
HTML5 Enfoque Semantico
 
Laying Out Elements with CSS
Laying Out Elements with CSSLaying Out Elements with CSS
Laying Out Elements with CSS
 
Getting Started with CSS
Getting Started with CSSGetting Started with CSS
Getting Started with CSS
 
Rich Snippets - Congreso Web 2012
Rich Snippets - Congreso Web 2012Rich Snippets - Congreso Web 2012
Rich Snippets - Congreso Web 2012
 
CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : Float
 
Introducción a la computación en la nube
Introducción a la computación en la nubeIntroducción a la computación en la nube
Introducción a la computación en la nube
 

Similar to Conoce HTML5 y CSS3

Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAAccesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAManuel Razzari
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5Plain Concepts
 
Programación web con HTML5
Programación web con HTML5Programación web con HTML5
Programación web con HTML5Jorge del Casar
 
Frameworks CSS
Frameworks CSSFrameworks CSS
Frameworks CSSbetabeers
 
Introducción a los Frameworks CSS
Introducción a los Frameworks CSSIntroducción a los Frameworks CSS
Introducción a los Frameworks CSSLuis Miguel Martín
 
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGNovedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGAlberto Apellidos
 
Conferencia HTML5 y CSS3 por Alexandra García Milan
Conferencia HTML5 y CSS3 por Alexandra García MilanConferencia HTML5 y CSS3 por Alexandra García Milan
Conferencia HTML5 y CSS3 por Alexandra García MilanAndres Karp
 
Presentación del curso de html5
Presentación del curso de html5Presentación del curso de html5
Presentación del curso de html5futurodelweb.com
 
Desarrollo web inteligente
Desarrollo web inteligenteDesarrollo web inteligente
Desarrollo web inteligenteMax Kraszewski
 
HTML 5 & WebGL (Spanish Version)
HTML 5 & WebGL (Spanish Version)HTML 5 & WebGL (Spanish Version)
HTML 5 & WebGL (Spanish Version)Iran Reyes Fleitas
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilMarta Armada
 

Similar to Conoce HTML5 y CSS3 (20)

HTML5 Warm up!
HTML5 Warm up!HTML5 Warm up!
HTML5 Warm up!
 
html5-css3
html5-css3html5-css3
html5-css3
 
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAAccesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5
 
Programación web con HTML5
Programación web con HTML5Programación web con HTML5
Programación web con HTML5
 
Css3
Css3Css3
Css3
 
Frameworks CSS
Frameworks CSSFrameworks CSS
Frameworks CSS
 
Introducción a los Frameworks CSS
Introducción a los Frameworks CSSIntroducción a los Frameworks CSS
Introducción a los Frameworks CSS
 
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGNovedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
 
myprofly
myproflymyprofly
myprofly
 
Presentación CSS y HTML en Gummurcia
Presentación CSS y HTML en GummurciaPresentación CSS y HTML en Gummurcia
Presentación CSS y HTML en Gummurcia
 
CSS3
CSS3CSS3
CSS3
 
Conferencia HTML5 y CSS3 por Alexandra García Milan
Conferencia HTML5 y CSS3 por Alexandra García MilanConferencia HTML5 y CSS3 por Alexandra García Milan
Conferencia HTML5 y CSS3 por Alexandra García Milan
 
Laboratorio 03
Laboratorio 03Laboratorio 03
Laboratorio 03
 
Presentación del curso de html5
Presentación del curso de html5Presentación del curso de html5
Presentación del curso de html5
 
Desarrollo web inteligente
Desarrollo web inteligenteDesarrollo web inteligente
Desarrollo web inteligente
 
Curso html5
Curso html5Curso html5
Curso html5
 
Intro a Sass
Intro a Sass Intro a Sass
Intro a Sass
 
HTML 5 & WebGL (Spanish Version)
HTML 5 & WebGL (Spanish Version)HTML 5 & WebGL (Spanish Version)
HTML 5 & WebGL (Spanish Version)
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
 

More from Marta Armada

Responsive web design: The good, the bad and the ugly
Responsive web design: The good, the bad and the uglyResponsive web design: The good, the bad and the ugly
Responsive web design: The good, the bad and the uglyMarta Armada
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Marta Armada
 
Aprende a diseñar (un poco) en 13 minutos
Aprende a diseñar (un poco) en 13 minutosAprende a diseñar (un poco) en 13 minutos
Aprende a diseñar (un poco) en 13 minutosMarta Armada
 
Tecnicas avanzadas con CSS3
Tecnicas avanzadas con CSS3Tecnicas avanzadas con CSS3
Tecnicas avanzadas con CSS3Marta Armada
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoyMarta Armada
 
Guía de supervivencia freelance
Guía de supervivencia freelanceGuía de supervivencia freelance
Guía de supervivencia freelanceMarta Armada
 

More from Marta Armada (7)

Responsive web design: The good, the bad and the ugly
Responsive web design: The good, the bad and the uglyResponsive web design: The good, the bad and the ugly
Responsive web design: The good, the bad and the ugly
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
 
Client fu
Client fuClient fu
Client fu
 
Aprende a diseñar (un poco) en 13 minutos
Aprende a diseñar (un poco) en 13 minutosAprende a diseñar (un poco) en 13 minutos
Aprende a diseñar (un poco) en 13 minutos
 
Tecnicas avanzadas con CSS3
Tecnicas avanzadas con CSS3Tecnicas avanzadas con CSS3
Tecnicas avanzadas con CSS3
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
 
Guía de supervivencia freelance
Guía de supervivencia freelanceGuía de supervivencia freelance
Guía de supervivencia freelance
 

Recently uploaded

Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
La Electricidad y La Electrónica por el grado 10-5
La Electricidad y La Electrónica por el grado 10-5La Electricidad y La Electrónica por el grado 10-5
La Electricidad y La Electrónica por el grado 10-5CamilaCordoba30
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu softwareFrancisco Javier Barrena
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
Trabajo de La Electricidad y La Electrónica
Trabajo de La Electricidad y La ElectrónicaTrabajo de La Electricidad y La Electrónica
Trabajo de La Electricidad y La ElectrónicaCamilaCordoba30
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOS
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOSDESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOS
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOSreinamanuela20
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Calculadora cientifica corregida para enviar.docx
Calculadora cientifica  corregida para enviar.docxCalculadora cientifica  corregida para enviar.docx
Calculadora cientifica corregida para enviar.docxzoecaicedosalazar
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 

Recently uploaded (20)

Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
La Electricidad y La Electrónica por el grado 10-5
La Electricidad y La Electrónica por el grado 10-5La Electricidad y La Electrónica por el grado 10-5
La Electricidad y La Electrónica por el grado 10-5
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software
¡Cookiegeddon! Bye a las cookies de terceros y cómo afectará a tu software
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
Trabajo de La Electricidad y La Electrónica
Trabajo de La Electricidad y La ElectrónicaTrabajo de La Electricidad y La Electrónica
Trabajo de La Electricidad y La Electrónica
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOS
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOSDESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOS
DESARROLLO DE BLOG DE ANÁLISIS Y ARTEFACTOS TECNOLOGICOS
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Calculadora cientifica corregida para enviar.docx
Calculadora cientifica  corregida para enviar.docxCalculadora cientifica  corregida para enviar.docx
Calculadora cientifica corregida para enviar.docx
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 

Conoce HTML5 y CSS3