SlideShare a Scribd company logo
1 of 101
Download to read offline
Ó V I L
                                    E B M
                    L A W           C SS 3



         N D O        M
                          L 5
                                y



    E Ñ A    o n
                   H T


   S
            c

DI                                         Javier Usobiaga · @htmlboy
                                          Barcelona Visual Sound 2012
WEB   MÓVIL
2012
  los smartphones




no son cosa de geeks
PERO...
¿QUÉ ES UN MÓVIL?
¿un dispositivo
       con una
       pantalla
     pequeña?
¿un dispositivo
que se puede
llevar encima
fácilmente?
¿un dispositivo
  que se utiliza
  normalmente
    en la calle?
¿cualquier
dispositivo
con una pantalla
táctil y a color?
¿cualquier
    dispositivo
    que no sea
un sobremesa?
UN MÓVIL ES ESTO...
...Y ESTO
UN MÓVIL ES ESTO...
...Y ESTO
UN MÓVIL ES ESTO...
...Y ESTO
UN MÓVIL ES ESTO...
...Y ESTO
Y...
¿QUÉ HACEMOS?
HABLEMOS DE APPS
El debate de aplicaciones nativas
vs. aplicaciones móbiles sigue
siendo uno de los más polémicos.
Me parece ridículo. Nadie tiene
este problema respecto a las
aplicaciones nativas vs. las
aplicaciones de escritorio.

                                     Cennydd Bowles


 the-pastry-box-project.net/cennydd-bowles/2012-january-28
8 0 %  de las apps de
     marca no llegan
 a 1.000 descargas



   bit.ly/app-fail
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
+esfuerzo
              +costes
                +dolor
app   app   web
{
      {

            {
¿Y UNA
TEMPLATE
 MÓVIL?
Creo que es peligroso denegar a
los usuarios el acceso al
contenido y la funcionalidad “por
su propio bien.” Asumir que sabes
lo que el visitante a tu página
web quiere y necesita basándote
solo en su dispositivo es ser muy
condescendiente.
                          Jeremy Keith


          adactio.com/journal/1716
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
+versiones
              +código
                +dolor
web   web   web
{
      {

            {
UNA
WEB
La Web Móvil no existe. Sólo
existe La Web, y la vemos de
distintas formas. Tampoco existe
la Web de Escritorio. Ni la Web de
Tablet. Gracias.


                                           Stephen Hay


   the-haystack.com/2011/01/07/there-is-no-mobile-web
CONTENIDO
CÓMO SE VERÁ
    NUESTRA WEB
UNA WEB


 ?        ?       ?
Diseñando la web móvil con HTML5 y CSS3
+flexible
        -control
          -costes
web
{
REGLA DE ORO*
                    web app = template

                    contenido = una web



*O DE BRONCE
¿
CON QUÉ HERRAMIENTAS
     CONTAMOS
        ?
O F Í A
            ILO S
     V A F          fallback




N U E         detectar capacidades

        olvidarse del pixel perfect
DETECTAR CAPACIDADES


        modernizr.com
Diseñando la web móvil con HTML5 y CSS3
VIEWPORT
initial-scale = 1.0
width = device-width
user-scalable = yes
maximum-scale = NO!
VIEWPORT
<meta name = "viewport"
      content = "width=device-width,
                 initial-scale=1.0" >
MULTIMEDIA
tags <video> y <audio>
formato no unificado
TIP: usar mp4 y webM
Flash como fallback
VIDEO & AUDIO
<video controls>
      <source src="video.mp4" >
      <source src="video.webm" >

      <!-- Puedes añadir un
      reproductor Flash -->

</video>
FORMULARIOS
nuevos input
mejor experiencia de usuario
validación nativa (o casi...)
FORMULARIOS
<input type=”email” />

<input type=”url” />

<input type=”number” />

<input type=”date” />
FORMULARIOS
JS APIS
local storage
offline (cache)
web workers
web sockets
CANVAS


 playbiolab.com
GEOLOCALIZACIÓN
PANTALLAS TÁCTILES
más intuitivo
móvil != pantalla táctil
touch = touch + hover + click
más interacción != mejor
TOUCH EVENTS
addEventListener('touchstart'...)
!

addEventListener('touchmove'...)
!

addEventListener('touchend'...)
SWIPE


plugins.jquery.com/project/swipe
GESTURES


 jgestures.codeplex.com
Diseñando la web móvil con HTML5 y CSS3
CSS3
¿POR   menos imágenes
       menos js

QUÉ?   menos peticiones
-   WEBKIT
    -
:-( -   MOZ
        MS
    -   O
BORDES REDONDEADOS
BORDER RADIUS
#box{
     border-radius: 10px;
}

#circle{
     border-radius: 50%;
}
TRANSPARENCIAS
RGBA & HSLA
#box{
     background: rgba(84,69,54,.5);
}

#box2{
     background: hsla(30,36%,33%,.5);
}
SOMBRAS
BOX-SHADOW
#box{
     box-shadow: 5px 5px 10px #000;
}
TIPOGRAFÍA
@FONT-FACE
@font-face {
    font-family: 'myFont';
    src: url('myFont.woff');
    font-weight: normal;
    font-style: normal;
}


       fontspring.com/blog/the-new-bulletproof-font-face-syntax
DEGRADADOS
DEGRADADOS


  leaverou.me/css3patterns
DEGRADADOS


 www.colorzilla.com/gradient-editor
GRADIENT
#box {
    background-image: linear-gradient
       (45deg, red, black);
}
TRANSFORMAR
TRANSFORM
#box{
    transform: scale(.5);
}
TRANSFORMAR
TRANSFORM
#box{
    transform: rotate(45deg);
}
TRANSFORMAR
TRANSFORM
#box{
    transform: translate(20px, 40px);
}
TRANSFORMAR
TRANSFORM
#box{
    transform: skew(5deg, 30deg);
}
MOVIMIENTO
TRANSITION
#box{
    transition: 1s background ease-in;
}
ANIMATIONS


   mzl.la/ieGCct
MOVIMIENTO 3D
3D ANIMATIONS


tympanus.net/Development/ImageTransitions/index4.html
ADAPTAR LA WEB
ADAPTAR LA WEB
mediaqueri.es
MEDIA QUERIES
@media screen and (max-width:320px){

    #container {width: 300px;}

    header nav {display: none;}

}
RESPONSIVE
          WEB
         DESIGN
   RESPONSIVE
      WEB                        R
                                 W
     DESIGN                      D
abookapart.com/products/responsive-web-design
RWD
retícula fluida
imágenes flexibles
media queries
TARGET
    I               ..
  CONTEXTO
alistapart.com/articles/responsive-web-design
RESPONSIVE
#container .column{
    width: 67.0212765%; /* 630/940 */
    margin-right: 2.12765%; /* 20/940 */
}

.img-container img{
    max-width: 100%;
}
MOBILE FIRST
                   1
2
                                          3
    abookapart.com/products/mobile-first
RESUMIENDO
las apps no son la (única) solución

templates = posibles incoherencias

el responsive web design es difícil
¿LA SOLUCIÓN?
Diseñando la web móvil con HTML5 y CSS3
C I AS
G R
  ¿
   A  p re
           gu nta s?




                       Javier Usobiaga · @htmlboy
                                    Swwweet.com
CRÉDITOS
http://www.flickr.com/photos/joshfassbind/4683365102

http://www.flickr.com/photos/docsearls/2268395744

http://www.flickr.com/photos/hermida/5442243540

http://www.flickr.com/photos/yourdon/4064143718

http://www.flickr.com/photos/bendodson/5338445045

http://www.flickr.com/photos/rafelmiro/5090998436

http://www.flickr.com/photos/jaynev/5831853872

More Related Content

Similar to Diseñando la web móvil con HTML5 y CSS3

Device Days 2012 - HTML5 y CSS3 para móvil
Device Days 2012 - HTML5 y CSS3 para móvilDevice Days 2012 - HTML5 y CSS3 para móvil
Device Days 2012 - HTML5 y CSS3 para móvilJavier Usobiaga
 
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
 
Apps para mejorar tus proyectos Web
Apps para mejorar tus proyectos WebApps para mejorar tus proyectos Web
Apps para mejorar tus proyectos WebSocialmood
 
Cómo llegar a los celulares y Tablets
Cómo llegar a los celulares y TabletsCómo llegar a los celulares y Tablets
Cómo llegar a los celulares y Tabletsclubdemarketing1
 
Responsive web design - diseño sensible
Responsive web design - diseño sensibleResponsive web design - diseño sensible
Responsive web design - diseño sensibleCarlos Zapata
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaJano Garcia
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Hernan Beati
 
Presencia web pyme
Presencia web pymePresencia web pyme
Presencia web pymeDomestika
 
Conversion web
Conversion webConversion web
Conversion webDomestika
 
Diseño Web Profesional
Diseño Web ProfesionalDiseño Web Profesional
Diseño Web ProfesionalDomestika
 
Herramientas para desarrollar rápidamente
Herramientas para desarrollar rápidamenteHerramientas para desarrollar rápidamente
Herramientas para desarrollar rápidamenteCarlos Toxtli
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Martin Redigolo
 
Progressive web apps
Progressive web apps Progressive web apps
Progressive web apps Biko
 
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño webResponsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño webJavier Usobiaga
 
Frameworks y herramientas de desarrollo ágil para emprendedores y startups
Frameworks y herramientas de desarrollo ágil para emprendedores y startupsFrameworks y herramientas de desarrollo ágil para emprendedores y startups
Frameworks y herramientas de desarrollo ágil para emprendedores y startupsMario Jose Villamizar Cano
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
 

Similar to Diseñando la web móvil con HTML5 y CSS3 (20)

Device Days 2012 - HTML5 y CSS3 para móvil
Device Days 2012 - HTML5 y CSS3 para móvilDevice Days 2012 - HTML5 y CSS3 para móvil
Device Days 2012 - HTML5 y CSS3 para móvil
 
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
 
Apps para mejorar tus proyectos Web
Apps para mejorar tus proyectos WebApps para mejorar tus proyectos Web
Apps para mejorar tus proyectos Web
 
Cómo llegar a los celulares y Tablets
Cómo llegar a los celulares y TabletsCómo llegar a los celulares y Tablets
Cómo llegar a los celulares y Tablets
 
Responsive web design - diseño sensible
Responsive web design - diseño sensibleResponsive web design - diseño sensible
Responsive web design - diseño sensible
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarcia
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?
 
Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?
 
Presencia web pyme
Presencia web pymePresencia web pyme
Presencia web pyme
 
Conversion Web Madrid Tecnologia 2010
Conversion Web Madrid Tecnologia 2010Conversion Web Madrid Tecnologia 2010
Conversion Web Madrid Tecnologia 2010
 
Conversion web
Conversion webConversion web
Conversion web
 
Diseño Web Profesional
Diseño Web ProfesionalDiseño Web Profesional
Diseño Web Profesional
 
Herramientas para desarrollar rápidamente
Herramientas para desarrollar rápidamenteHerramientas para desarrollar rápidamente
Herramientas para desarrollar rápidamente
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.
 
Progressive web apps
Progressive web apps Progressive web apps
Progressive web apps
 
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño webResponsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño web
 
Frameworks y herramientas de desarrollo ágil para emprendedores y startups
Frameworks y herramientas de desarrollo ágil para emprendedores y startupsFrameworks y herramientas de desarrollo ágil para emprendedores y startups
Frameworks y herramientas de desarrollo ágil para emprendedores y startups
 
Intro jQuery Mobile
Intro jQuery MobileIntro jQuery Mobile
Intro jQuery Mobile
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
 

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
 
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
 
Conoce HTML5 y CSS3
Conoce HTML5 y CSS3Conoce HTML5 y CSS3
Conoce HTML5 y 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
 
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
 
Conoce HTML5 y CSS3
Conoce HTML5 y CSS3Conoce HTML5 y CSS3
Conoce HTML5 y 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

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
 
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
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
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
 
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.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
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
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
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
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
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
 
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
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
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
 
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
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
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
 

Recently uploaded (20)

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
 
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
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
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
 
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
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
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...
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
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
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
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....
 
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...
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
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
 
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
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
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.
 

Diseñando la web móvil con HTML5 y CSS3