Te enviaremos un correo cuando el libro vuelva a estar disponible
Diseño web Adaptativo
Pedro Clemente Bonilla
Reseña del libro "Diseño web Adaptativo"
En un breve periodo de tiempo, hemos pasado de acceder a Internet exclusivamente desde un ordenador de sobremesa en nuestra casa u oficina, a navegar con una gran variedad de dispositivos móviles desde cualquier lugar. Lo que provoca una experiencia desalentadora en el acceso a muchos contenidos web. El Diseño Web Adaptativo pretende dar soluciones a los problemas actuales del diseño web. Ofrece una experiencia de navegación cómoda y eficaz independientemente del tamaño del dispositivo, optimizando recursos, tiempo y costes de creación y mantenimiento a los diseñadores y desarrolladores web. A lo largo de las páginas de esta obra encontrará todo lo necesario para aplicar el diseño adaptativo a sus desarrollos y crear webs adecuadas y cómodas para cualquier usuario.AgradecimientosSobre el autorIntroducciónA quién va dirigido este libroEstructura del libroCómo usar este libroEjemplos del libro1. Una sola web. Un nuevo enfoqueLa diversidad de dispositivosLlega la revolución de los tamañosInternet desde móvilPensando en el usuarioLa pantalla táctilLas costumbres cambianLos Smartphones han transformado el comportamientodel consumidorLos Smartphones han cambiado el modo de realizarcomprasLos Smartphones y las búsquedas de informaciónLas indicaciones del W3CBuenas prácticas móvilesHTML5 y CSS3 también colaboranHTML5CSS3Una sola webUna nueva mentalidadAplicando la tecnología2. La filosofía del diseño web adaptativoLa situación pide ser adaptativoNo espere ver siempre idénticoUna sola web que se adaptaEl diseño adaptativo se va extendiendoLas ventajas del diseño adaptativoUna sola web, un solo HTMLCSS controla el aspectoSEO: Los resultados mandanHay otras posibilidadesLas Aplicaciones móvilesUna web en versión móvilDetectar el dispositivoConclusión3. HTML5 y CSS3HTML5, nueva sintaxisDoctypeNo distingue minúsculas de mayúsculasDeclaración del idiomaNo es necesario cerrarEl atributo typeMás de un h1Nuevas etiquetas HTML5Etiquetas estructurales y semánticasEtiquetas multimediaLa etiqueta sourceEtiquetas de formularioNuevos camposNuevos atributosValidación del lado del clienteMás de HTML5CanvasSVGCSS3: Nuevos selectores, nuevas propiedadesborder-radiusbox-shadowlinear-gradientTransformacionesAnimaciones4. Reglas de oroLa etiqueta meta viewportSintaxis y propiedadesEstructura de diseño fluido: Todo relativoEl reinado del diseño fijoDiseños fluidos y elásticosDiseños adaptativos: Todo relativoColumnas y porcentajes, en relación al elemento padreHaciendo cálculosLas imágenes y elementos multimedia, también en porcentajeAplicando porcentajesPoniendo límitesUn ejemploLas media queriesUna sola web en múltiples dispositivosLa sintaxisPensando en el usuario5. Trabajar con medidas relativasAncho de la web: 960pxHay que hacer números. Todo es relativoTrabajar en porcentajesControlando los extremosAlgunos ejemplosEjemplo 1: Diseño de ancho fijoEjemplo 2: Diseño flexibleEjemplo 3: Diseño flexible limitadoEjemplo 4: Diseño de ancho fijo con márgenesEjemplo 5: Diseño flexible limitado con márgenes6. Imágenes y textosRedimensionando las imágenesmax-width y min-widthLas conexiones móviles: La importancia de las imágenesPicturefill: Versiones de la imagenHay otras opcionesPantallas y resoluciones. La calidad de la imagenLos puntos tipográficosUnidades emPantallas pequeñas, textos pequeñosUn ejemplo concretoTrabajar con @font-face7. Media QueriesTomar decisionesLas dimensiones del navegadorCuántas media queriesOrientación, resolución y densidadSintaxisMedia queries dentro de un documentoMedia queries en archivosMedia queries compartidasVarias condicionesTabla de características de las media queriesProbar, probarHerramientasComprobar todas las dimensionesLa navegación en las media queriesUtilizar un select de formularioReorganizar el tamaño del menúOcultar el menú8. Diseño adaptativo: Juntando las piezasLa prioridad sigue siendo el contenidoPrimero, móvilPensando en los extremosEl flujo de trabajo: Ideas clarasJuntando las piezas: Ser o no ser adaptativoEstructura del documentoLas media queries de Ser o no ser adaptativoLa navegaciónUsamos @fontfaseCompatibilidad con los navegadoresLa mejora progresiva y la degradación eleganteLa mejora progresivaLa degradación elegante9. Herramientas – FrameworksEl comportamiento de los navegadoresCan I useLa cuota de usuarios de los navegadoresCómo se ve mi web: ModernizrCómo funciona ModernizrLa ayuda del que ya sabe: Los Frameworks¿Qué es un Framework?Algunos ejemplosResponsive Grid SystemSkeletonBootstrapUn ejemplo de BootstrapDescargando archivosEstructura de archivosLa retícula de los documentosBootstrap es adaptativoLos estilos de BootstrapLos componentesLas ventajas e inconvenientes10. Los CMS se suman a la tendenciaCada proyecto es diferenteLa opción de usar un CMSLos CMS en la actualidad¿Qué CMS elegir?Los CMS se hacen adaptativosWordPressFácil de usarComunidad de usuariosAñadiendo funcionalidades: Los pluginsWorpress AdaptativoJoomlaJoomla trabaja con extensionesComunidad en castellanoJoomla es AdaptativoDrupalComparativa11. El futuro del Diseño Adaptativo ya está aquíPreprocesadores CSSLessPrimeros pasos con LessUso de variablesLos mixins en LessReglas anidadasFunciones y operacionesBootstrap utiliza LessFlexBox: Cajas flexibles con CSS3Modelo tradicional de caja: Box ModelEl modelo flexible de caja: Flexible Box model (flexbox)Está web no se ve bien en mi móvil. RediseñarActualizar mi webMejorar el rendimiento, la velocidadPensar en el conten alfabético
Opiniones del libro
Isabel Cruz HernándezMartes 27 de Agosto, 2019
Compra Verificada
"
Excelente servicio, satisfecha con el libro y la entrega fue en el día que lo indicaron, muchas gracias!
"
