Cargando…
Head first mobile web /
Despite the huge number of mobile devices and apps in use today, your business still needs a website. You just need it to be mobile. Head First Mobile Web walks you through the process of making a conventional website work on a variety smartphones and tablets. Put your JavaScript, CSS media query, a...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Otros Autores: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Sebastopol, CA :
O'Reilly,
©2012.
|
| Colección: | Head first series.
|
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- Intro: How to Use This Book; Who is this book for?; We know what you're thinking; And we know what your brain is thinking; Metacognition: thinking about thinking; Here's what WE did; Here's what YOU can do to bend your brain into submission; Read me; Software requirements; The technical review team; Acknowledgments; Safari® Books Online; Chapter 1: Getting Started on the Mobile Web: Responsive Web Design; Get on the mobile bandwagon; Something odd happened on the way to the pub; If mobile phone web browsers are so great ... ; What's so different about the mobile web?
- Responsive Web DesignAn example of a responsively designed site; Different CSS in different places; CSS media queries; The current structure of the Splendid Walrus site; Analyze the current CSS; What needs to change?; Identify the CSS that needs to change; Steps to creating the mobile-specific CSS; Ta-da! Mobile-specific CSS; The rest of our structural CSS; Put it together; What's wrong with a fixed-width layout, anyway?; How is fluid better?; Go fluid; The fluid formula; Continue your fluid conversion; Context switching; What's wrong with this picture?; Fluid images and media.
- Are we there yet?Details, details; Remember to be responsible; That's a responsive site!; Responsive design is also a state of mind; Chapter 2: Responsible Responsiveness: Mobile-first Responsive Web Design; Just when you thought it was time to celebrate ... ; Is there really a problem? How do we know?; Waitress, will you take my order please?; What to do when things aren't blazing fast; Don't let its looks fool you, that's a BIG page; There's gold in 'em HAR hills; 10,000-feet view: Show statistics; Find the drags on page speed; Where did that Google Maps JavaScript come from?
- What's with the big pictures?It looks mobile friendly, but it isn't; Mobile-first Responsive Web Design; What is progressive enhancement?; Let's turn this web page around; Am I on a new page or not?; Fix the content floats; Mobile-first media queries; Surprise! The page is broken in Internet Explorer; Use conditional comments with a media query; How are we doing?; One src to rule them all; How Sencha.io Src works; That's a blazing-fast mobile web page; Zoom, zoom, pow ... ; The right to zoom?; Back to our regularly scheduled project; On second thought, a map would be useful.
- Build a pseudo-media query in JavaScriptAdd the JavaScript to the On Tap Now page; These widgets aren't responsive; Move iframe attributes to CSS equivalents; Remove attributes from the JavaScript; No one should have trouble finding the pub now; The map overlap is back; Let the content be your guide; Time to bend and stretch that browser; Breakpoints to the rescue; Chapter 3: A Separate Mobile Website: Facing less-than-awesome circumstances; Creature Comforts has agents in the field; How can agents get and share the info they need?; Send mobile users to a mobile-optimized website.