Responsive Web Design
•Descargar como PPTX, PDF•
0 recomendaciones•139 vistas
IT502 Huy Le Presentation
Recomendados
Más contenido relacionado
Similar a Responsive Web Design
Similar a Responsive Web Design (20)
Último
Último (20)
Responsive Web Design
- 2. Table of Contents 1. Responsive Web Design concept Terms What, Why & Who 2. The Approaches Responsive Design Quick Approach (HTML meta) Better Approach (CSS) 3. Frameworks & Examples
- 3. YESTERDAY
- 4. TODAY ResponsiveWebDesignWorkshop| MilanMarch2014 Today Smart Tv, Web App, Mobile, Console, Responsive design
- 5. FLUID
- 12. CSS3 Media Queries/Rule s WHAT IS IT? @media
- 15. Responsive Web Design Patterns Fluid Mostly Fluid Adaptive Column drop Layout Shifter Responsive
- 20. Resources: Google Developers https://developers.google.com/ http://www.w3schools.com/ https://css-tricks.com/ http://alistapart.com/article/responsive-web-design/ Ethan Marcotte http://getbootstrap.com/ https://www.bostonglobe.com/ example
Notas del editor
- Responsive is a part of usability or UX development. User Experience: Term to describe all aspects of the end-user’s interaction with the website. S2
- Yesterday (Let’s travel back to the time before the iphone, where people using flip phone and Nokia or blackberry). The web is like the thing for your family desktop, maybe a personal laptop for a few people. Static design and a fixed size before mobile and tablet, web is only for computer screens. S3
- Today is different. Million of different devices with a lot of screen sizes Who Every day, millions of people are using the web. People access the web on different devices with different screen size. Ensuring perfect legibility, user friendly and attractive regardless of screen size has been one of the top requirement for every website. S4
- He wrote an introductory article about the approach RWD. RWD is not only about adjustable screen res. And automatically resizable images, but rather about a whole new way of thinking about design. Through the concept of responsive architecture where physical spaces can respond to the presence of people passing through them. For example, is the convention center is really flexible in control and expand their physical room size or in the MUB they use the slides to separate and adjust room size.
- As Web Dev: Responsive design is designing your website so that it responds to your users’ environment based on screen-size, platform and orientation. To conclude a website is whether responsive or not, we look at how things jiggle around, scale, re-order, appear/disappear so it works well in your browser size or whatever device you’re using to view it. Browser compatibility, responsive on all screen, email responsive
- http://responsivetest.net http://www.bostonglobe.com/ http://huyletech.com/visual/ http://responsivetest.net/#u=http://unh.edu/explore/|640|1136|2 http://unh.edu/explore/
- http://huyletech.com/visual/
- https://css-tricks.com/probably-use-initial-scale1/
- The @media rule is used to define different style rules for different media types/devices. Media queries allow you to set the CSS to react differently at different pixel width of the screen.
- http://huyletech.com/visual/
- Mostly fluid ( https://developers.google.com/web/fundamentals/design-and-ui/responsive/patterns ) Column drop Layout Shifter Responsive http://www.bostonglobe.com/ https://blogs.adobe.com/digitalmarketing/mobile/responsive-web-design-and-web-analytics/
- https://www.bostonglobe.com/