DOCSLIB.ORG

Responsive Web Design Workflow Timo Laak

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text

Load more

Responsive Web Design Workflow Timo Laak University of Tampere School of Information Sciences Interactive Technology M.Sc. thesis Supervisor: Timo Poranen December 2013 University of Tampere School of Information Sciences Interactive Technology Timo Laak: Responsive Web Design Workflow M.Sc. thesis, 43 pages December 2013 Responsive Web Design Workflow is a literature review about Responsive Web Design, a web standards based modern web design paradigm. The goals of this research were to define what responsive web design is, determine its im- portance in building modern websites and describe a workflow for responsive web design projects. Responsive web design is a paradigm to create adaptive websites, which re- spond to the properties of the media that is used to render them. The three key elements of responsive web design are fluid layout, flexible media and media queries. As the numbers of mobile device users are constantly increasing, responsive web design has become an important method to improve mobile device user experience and accessibility in browsing the web. The workflow to build responsive websites consists of eight cumulative and iterative steps, which are discovery, planning, content design, sketching, proto- typing, visual design, testing and discussion. As each web design project is unique and has different content, audience and goals, it is difficult to create a perfect workflow model. The responsive web design workflow described in this thesis is a recommendation and a collection of best practices for building responsive websites. Keywords: responsive web design, web design, workflow, progressive en- hancement, mobile first, mobile web, adaptive design, content first ii Preface As a web developer and designer, I have often wondered how difficult it is to work on a web development project and try to keep in mind the best known practices, while keeping to the schedule, staying within budget and making both the client and the management satisfied in the outcome of the project. The goal of this thesis is to collect many well-known modern web design guide- lines and practices into a responsive web design project workflow model, or rather guidelines, which is a good fit for responsive web design projects and helps us developers and designers to build a better user experience for the web. Helsinki, 10 December 2013 Timo Laak iii Table of Contents 1 INTRODUCTION ..................................................................................................... 1 2 WHAT IS RESPONSIVE WEB DESIGN? .............................................................. 3 2.1 Why Websites Should Be Responsive? ....................................................... 3 2.2 Elements of Responsive Web Design .......................................................... 5 2.3 Adaptive Design ............................................................................................. 6 3 MOBILE WEB ........................................................................................................... 9 3.1 Accessing Desktop Websites from a Mobile Device ................................. 9 3.1.1 Early Solutions .................................................................................... 9 3.1.2 Modern Proxy Based Browsers ...................................................... 10 3.2 Mobile Web Revolution ............................................................................... 11 3.3 Multi-Screening Context ............................................................................. 12 4 MODERN WEB DESIGN PARADIGMS ............................................................ 13 4.1 Mobile First ................................................................................................... 13 4.2 Graceful Degradation and Progressive Enhancement ............................ 16 4.3 Content First .................................................................................................. 17 5 RESPONSIVE WEB DESIGN WORKFLOW ...................................................... 19 5.1 Abandon The Waterfall ............................................................................... 19 5.2 Discovery ....................................................................................................... 20 5.3 Planning ......................................................................................................... 22 5.4 Content Design ............................................................................................. 23 5.5 Sketch Design ................................................................................................ 24 5.6 Prototyping .................................................................................................... 27 5.7 Problems Revealed by Prototyping ........................................................... 29 5.8 Visual Design ................................................................................................ 34 5.9 Testing & Feedback ...................................................................................... 36 5.10 Iteration .......................................................................................................... 37 6 DISCUSSION .......................................................................................................... 38 REFERENCES ............................................................................................................... 40 iv 1 INTRODUCTION The primary design principle of the World Wide Web, by Tim Berners-Lee, is universality. (Lloyd, 2012) The Web is open by nature and it should be accessi- ble from any browser and hardware that can connect to the Internet. It should be accessible also to people with disabilities and work with any form of infor- mation. (Berners-Lee, 2010) Early web pages were simple HTML files, which automatically adapted to fit the width of the browser when opened. This means that the web is responsive by default and it’s the designers that have been breaking this paradigm by plac- ing content in non-flexible fixed-width containers. (Hume, 2011) The very first web page in the world was mobile ready and responsive, long before smartphones, tablets and the concept of responsive web design. It was repub- lished in 2003 to celebrate the 20th anniversary of the World Wide Web. (Epstein, 2013) The page consisted of structured plain text with hyperlinks, which makes it incredibly simple to view in different devices. (Hay, 2013, p. 51) The most common web design layouts we see every day when browsing the web, be it on a desktop or on a mobile device, are based on typographic grids, popularized by graphic designers of the mid-1900s. A typographic grid is a ra- tional system of rows and columns, which create modules where content can be placed. Although the typographic grids were originally designed for printed media, they have been the foundation of web designs and used even today as the basis of modern web designs. (Marcotte, 2011) The flexibility of the web and inflexibility of typographic grids in fixed-width designs led to problems, when small screen devices started to gain popularity. Content could not be fitted on the screen anymore. The solution for this is re- sponsive web design, which makes the typographic grid flexible and adaptive. Responsive web design is problematic in traditional waterfall projects, which sets demand for a different workflow. (Boulton, 2012) It is necessary to understand the concept of responsive web design and why its importance has increased during the recent years to be able to conduct a suc- cessful responsive web design project. This literature review opens the different elements and provides background information about the paradigms and fac- 1 tors behind responsive web design. The concept of responsive web design and its three main elements are explained in Chapter 2. The cause for rising im- portance of responsive web design, the evolution of mobile web is discussed in Chapter 3 and the modern web design paradigms that make up the grounds for responsive web design workflow are discussed in Chapter 4. The Responsive Web Design Workflow showcased in Chapter 5 is based on eight different phases by Salminen (2013) and each of these phases is based on the tools and work- flows of Hay (2013). I have included my own remarks on working in responsive web design projects in these phases and the surprising problems there some- times may appear. I have also introduced a few typical responsive web design issues that can be detected and fixed with the help of prototyping in Chapter 5.7. Finally the summary in Chapter 6 lists many issues that may arise in re- sponsive web design projects preventing the successful outcome. 2 2 WHAT IS RESPONSIVE WEB DESIGN? Responsive Web Design, often abbreviated as RWD, is a web design and devel- opment paradigm, which uses web standards to create designs, which are flexi- ble and adaptive to media that is used to render them. (Marcotte, 2010) Roots of the term Responsive Web Design are in discipline called Responsive Architecture (Marcotte, 2010), introduced by Nicholas Negroponte in 1970s. A responsive architecture is the natural product of integrating computing into spaces and structures and thus embedding ubiquitous technology in buildings, which respond to data received via sensors and user input. (Sterk, 2005, pp. 225-227) 2.1 Why Websites Should Be Responsive? User interfaces in the digital world are filled with analogies and metaphors to the physical world. There’s a desktop on our computer
Recommended publications
  • Machine Learning in the Browser

    Machine Learning in the Browser

    Machine Learning in the Browser The Harvard community has made this article openly available. Please share how this access benefits you. Your story matters Citable link http://nrs.harvard.edu/urn-3:HUL.InstRepos:38811507 Terms of Use This article was downloaded from Harvard University’s DASH repository, and is made available under the terms and conditions applicable to Other Posted Material, as set forth at http:// nrs.harvard.edu/urn-3:HUL.InstRepos:dash.current.terms-of- use#LAA Machine Learning in the Browser a thesis presented by Tomas Reimers to The Department of Computer Science in partial fulfillment of the requirements for the degree of Bachelor of Arts in the subject of Computer Science Harvard University Cambridge, Massachusetts March 2017 Contents 1 Introduction 3 1.1 Background . .3 1.2 Motivation . .4 1.2.1 Privacy . .4 1.2.2 Unavailable Server . .4 1.2.3 Simple, Self-Contained Demos . .5 1.3 Challenges . .5 1.3.1 Performance . .5 1.3.2 Poor Generality . .7 1.3.3 Manual Implementation in JavaScript . .7 2 The TensorFlow Architecture 7 2.1 TensorFlow's API . .7 2.2 TensorFlow's Implementation . .9 2.3 Portability . .9 3 Compiling TensorFlow into JavaScript 10 3.1 Motivation to Compile . 10 3.2 Background on Emscripten . 10 3.2.1 Build Process . 12 3.2.2 Dependencies . 12 3.2.3 Bitness Assumptions . 13 3.2.4 Concurrency Model . 13 3.3 Experiences . 14 4 Results 15 4.1 Benchmarks . 15 4.2 Library Size . 16 4.3 WebAssembly . 17 5 Developer Experience 17 5.1 Universal Graph Runner .
  • CSS Browser Selector Plus: a Javascript Library to Support Cross-Browser Responsive Design Richard Duchatsch Johansen Talita C

    CSS Browser Selector Plus: a Javascript Library to Support Cross-Browser Responsive Design Richard Duchatsch Johansen Talita C

    CSS Browser Selector Plus: A JavaScript Library to Support Cross-browser Responsive Design Richard Duchatsch Johansen Talita C. Pagani Britto Cesar Augusto Cusin W3C Accessibility WG Member and Assistant Coordinator Professor at Faculdade Paraíso do Senior Front-end Developer at of Educational Projects - MStech Ceará and W3C Accessibility WG Eventials – Rua Itapaiúna, 2434 Rua Joaquim Anacleto Bueno, 1-42 Member – Rua da Conceição, 1228 São Paulo – SP – Brazil, Zip Code Bauru – SP – Brazil, Juazeiro do Norte – CE – Brazil, 05707-001 Zip Code 17047-281 Zip Code 63010-465 +55 14 9711-7983 +55 14 3235-5500 +55 15 8100-4466 [email protected] [email protected] [email protected] ABSTRACT means you can use CSS Media Queries to tweak a CSS for a Developing websites for multiples devices have been a rough task mobile devices, printer or create a responsive site. for the past ten years. Devices features change frequently and new Media queries is an extension to the @media (or media=”” devices emerge every day. Since W3C introduced media queries attribute, in <link> tag) specification on CSS, allowing in CSS3, it’s possible to developed tailored interfaces for multiple declaration of conditional queries expressions to detect particular devices using a single HTML document. CSS3 media queries media features, such as viewport width, display color, orientation have been used to support adaptive and flexible layouts, however, and resolution [1], as shown on Table 1. it’s not supported in legacy browsers. In this paper, we present CSS Browser Selector Plus, a cross-browser alternative method Table 1.
  • RESPONSIVE Elearning DESIGN & DEVELOPMENT Contents

    RESPONSIVE Elearning DESIGN & DEVELOPMENT Contents

    RESPONSIVE eLEARNING DESIGN & DEVELOPMENT Contents Chapter 1 A Responsive World 1.1: How It All Began 4 1.2: Responsive Design: Understanding the Term 7 Chapter 2 Understanding Responsive eLearning Design 2.1: The Need for Responsive Design in eLearning 10 2.2: Key Features of Responsive Design 12 2.3: Adaptive Vs. Responsive Design 14 2.4: Benefits of Responsive eLearning Design 21 2.5: What Does a Responsive eLearning Design Look Like? 23 Contents Chapter 3 Determining a Responsive eLearning Design Strategy 3.1: When to Use Responsive eLearning Design 28 3.2: Getting Started Responsively 31 3.3: Challenges and Solutions 34 3.3.1: Design 35 3.3.2: Development 52 3.3.3: Testing 57 Chapter 4 Conclusion Share Some Love 65 References 66 Authors 69 A Responsive World 1 1.1: How It All Began From the launch of desktop PCs and laptops to the mass adoption of tablets and smartphones, the world of connected devices has expanded—and how! Today, individuals own multiple devices and shift seamlessly between them depending on task, location and time of day. The primary device that connects them to the World Wide Web is likely to be anything from a smartphone or phablet to a tablet or PC. 4 A Responsive World 1 1.1: How It All Began In 2012, Google released a comprehensive report on the emerging use of multiple devices. This report states that 90% of our daily media interactions are screen based, with our time online primarily spread between four devices—television, desktop PCs/laptops, tablets and finally smartphones.
  • Use of RSS Feeds for Content Adaptation in Mobile Web Browsing

    Use of RSS Feeds for Content Adaptation in Mobile Web Browsing

    Use of RSS feeds for Content Adaptation in Mobile Web Browsing Alexander Blekas John Garofalakis Vasilios Stefanis University of Patras University of Patras University of Patras Computer Engineering & Informatics Computer Engineering & Informatics Computer Engineering & Informatics Department Department Department 26500 Patras, Greece 26500 Patras, Greece 26500 Patras, Greece Computer Technology Institute Computer Technology Institute Computer Technology Institute 26500 Patras, Greece 26500 Patras, Greece 26500 Patras, Greece +306932321212 +302610997866 +306973281930 [email protected] [email protected] [email protected] ABSTRACT device’ refers to a device specially designed for synchronous and While mobile phones are becoming more popular, wireless asynchronous communication while the user is on the move. It communication vendors and device manufacturers are seeking includes a wide variety of appliances such as PDAs and new applications for their products. Access to the large corpus of mobile/smart phones. Tablet PCs are also included in the category Internet information is a very prominent field, however the of mobile devices, however they are bigger in size and more technical limitations of mobile devices pose many challenges. costly to acquire. Mobile phones are by far the most popular Browsing the Internet using a mobile phone is a large scientific mobile devices. Among the many facilities they provide is access and cultural challenge. Web content must be adapted before it can to the Internet, however browsing using a mobile phone is not as be accessed by a mobile browser. In this work we build on the easy as browsing using a common desktop PC. Screen size and proxy server solution to present a new technique that uses Really resolution, number of supported colors, entering text method, Simple Syndication (RSS) feeds for the adaptation of web content computation power, memory size, rate of data transfer and energy for use in mobile phones.
  • Arch 482: Web Weaving Brj@Uw.Edu Tu Th ~ 9:00 - 10:20 ~ Gould 114 Architecture Hall G55 Winter, 2018 206.543.2132

    Arch 482: Web Weaving [email protected] Tu Th ~ 9:00 - 10:20 ~ Gould 114 Architecture Hall G55 Winter, 2018 206.543.2132

    Digital Media & Design Computing Curriculum Brian Johnson Arch 482: Web Weaving [email protected] Tu Th ~ 9:00 - 10:20 ~ Gould 114 Architecture Hall G55 Winter, 2018 206.543.2132 About this course: Learn the basic web technologies that control content (HTML), appearance (CSS), and behavior (JavaScript), as well as what is needed to create an interactive web site using HTML forms, server-side scripting (using PHP) and basic database operations (using MySQL). Beyond the "how to," learn about good design practices for content preparation, navigation design and site management, plus strategies for supporting visitors connecting with everything from smart phones to desktops (responsive web design). Practice your developing skills by executing a series of projects that gradually build a personal website on the UW web servers. Cap it off with a team project where you can mix in your own ideas about online data or media services, social networks and design, and see what you can create. Prerequisites: Students registering for the course should be computer literate. That is, they should have an understanding of basic word-processing and text editing, file transfer, use of email, use of a web-browser, and basic use of image editing tools (e.g. Photoshop). Goals for the quarter: • To understand the fundamental technologies that underpin the “wild wild web.” • To understand current web capabilities, technologies and limitations. • To develop hands-on skill and judgement in design/construction of simple web sites. • To become confident and capable of creating or maintaining content using simple tools. • To create a web site which demonstrates what you have learned.
  • Onclick Event-Handler

    Onclick Event-Handler

    App Dev Stefano Balietti Center for European Social Science Research at Mannheim University (MZES) Alfred-Weber Institute of Economics at Heidelberg University @balietti | stefanobalietti.com | @nodegameorg | nodegame.org Building Digital Skills: 5-14 May 2021, University of Luzern Goals of the Seminar: 1. Writing and understanding asynchronous code: event- listeners, remote functions invocation. 2. Basic front-end development: HTML, JavaScript, CSS, debugging front-end code. 3. Introduction to front-end frameworks: jQuery and Bootstrap 4. Introduction to back-end development: NodeJS Express server, RESTful API, Heroku cloud. Outputs of the Seminar: 1. Web app: in NodeJS/Express. 2. Chrome extensions: architecture and examples. 3. Behavioral experiment/survey: nodeGame framework. 4. Mobile development: hybrid apps with Apache Cordova, intro to Ionic Framework, progressive apps (PWA). Your Instructor: Stefano Balietti http://stefanobalietti.com Currently • Fellow in Sociology Mannheim Center for European Social Research (MZES) • Postdoc at the Alfred Weber Institute of Economics at Heidelberg University Previously o Microsoft Research - Computational Social Science New York City o Postdoc Network Science Institute, Northeastern University o Fellow IQSS, Harvard University o PhD, Postdoc, Computational Social Science, ETH Zurich My Methodology Interface of computer science, sociology, and economics Agent- Social Network Based Analysis Models Machine Learning for Optimal Experimental Experimental Methods Design Building Platforms Patterns
  • Web UI Animation

    Web UI Animation

    Web UI Animation Group 5 Rok Kogovšek, Alexei Kruglov, Fernando Pulido Ruiz, and Helmut Zöhrer 706.041 Information Architecture and Web Usability WS 2016 Graz University of Technology A-8010 Graz, Austria 12 Dec 2016 Abstract This survey tries to give insights into the uses of web animations and possible ways of creating them with CSS and JavaScript. Not only, why they should be used on a website, but also when to use CSS or JavaScript, will be covered. We also explore the enhancement of animation through SVG. In addition to the theoretical background, numerous practical code examples will be included and discussed. © Copyright 2016 by the author(s), except as otherwise noted. This work is placed under a Creative Commons Attribution 4.0 International (CC BY 4.0) licence. It uses the LaTex template from "Writing a Survey Paper" by Keith Andrews, used under CC BY 4.0 / Desaturated from original Contents Contents i List of Figures iii List of Listings v 1 Introduction 1 2 Animation 3 2.1 Not Just Motion! . .3 2.2 Why Animation in Web UI? . .3 2.3 Aim For Invisible Animation . .4 2.4 Development of Animation . .4 3 Cascading Style Sheets (CSS)7 3.1 Do Everything You Can With CSS . .7 3.2 CSS Animation Declaration . .8 3.2.1 Animation Property and Keframe Rule . .8 3.2.2 Transition Property and Selector Pattern . 10 3.2.3 Powerful Effect from Single Property . 10 3.3 CSS Examples . 11 3.3.1 Navigation Animation . 11 3.3.2 Loading Animation .
  • Aaron Gustafson, Presentation in English

    Aaron Gustafson, Presentation in English

    PROGRESSIVE ENHANCEMENT &MOBILE Aaron Gustafson @aarongustafson slideshare.net/AaronGustafson BROWSERS ARE A PAIN IN THE ASS AND THEN THERE’S MOBILE © Brad Frost © Brad Frost WHAT IS MOBILE? WHAT IS MOBILE? “There is no WebKit on Mobile — Peter-Paul Koch “There is no WebKit on Mobile — Peter-Paul Koch http://www.quirksmode.org/webkit.html “There is no Android — Stephanie Rieger http://yfrog.com/z/ob5kndj http://yfrog.com/z/ob5kndj http://yfrog.com/z/ob5kndj WHAT IS MOBILE? Um… I think I’ll just build an iPhone app. kthxbye. NATIVE vs. WEB CONSISTENT vs. UNPREDICTABLE SPECIFIC vs. UNIVERSAL © Brad Frost © Brad Frost WE DON’T KNOW WE DON’T KNOW EVEN WHEN WE THINK WE KNOW, WE ARE PROBABLY WRONG SO HOW DO WE COPE? PROGRESSIVE ENHANCEMENT TECHNOLOGICAL RESTRICTIONS MCMLXXVII MCMLXXVII (that’s 1977) HTML CSS fault tolerance n. a system’s ability to continue to operate when it encounters and unexpected error. BROWSERS IGNORE WHAT THEY DON’T UNDERSTAND I like an escalator because an escalator can never break, it can only become stairs. — Mitch Hedberg an electric toothbrush can never break, it can only become a toothbrush. a dynamic web page can never break, it can only become a web page. GRACEFUL DEGRADATION MODERN BROWSERS OLDER BROWSERS MODERN BROWSERS OLDER BROWSERS MODERN BROWSERS OLDER BROWSERS PROGRESSIVE ENHANCEMENT CONTENT CONTENT ACCESSIBILITY “SPECIAL NEEDS” “SPECIAL NEEDS” “SPECIAL NEEDS” CAN BE CONTEXTUAL PROGRESSIVE GRACEFUL DEGRADATION ENHANCEMENT OOOH, SHINY! PROGRESSIVE ENHANCEMENT ISN’T ABOUT BROWSERS BROWSERS AND TECHNOLOGIES
  • Responsive Web Design.Docx

    Responsive Web Design.Docx

    Theresa Agostinelli, Librarian, Instructional & Educational Services Monroe Township Public Library, theresacahill@hotmail What is Responsive Web Design? Responsive web sites adapt gracefully to different screen sizes. For example, a site may display in three columns on a laptop or desktop computer, in two columns on a tablet, and in one column on a smartphone. This is illustrated in the above image. It is using the same content, but displaying it differently depending on the width of the screen. Instead of creating a desktop version of a site, and then a mobile version, one site is used for all devices. Web designers used to design for laptop and desktop computers. Now, with users accessing the Internet through laptops, desktop computers, smartphones, tablets, televisions, refrigerators, and more, many web designers have reversed their way of thinking. Instead of designing primarily for laptop and desktop users, and then creating a separate mobile app, many designers are now designing first for mobile users. Mobile first designs should be simpler than traditional layouts, since loading times can vary across devices. Designers may want to limit their use of images and enhance their designs through the use of white space, typography, and cascading style sheets (CSS.) Advantages of Responsive Web Design Responsive websites create a consistent user experience across various devices. Webmasters can make changes one time and those changes will carry over to all of their users. If the site is using a separate mobile app, changes must be made to the full website, as well as the mobile site, for users to see those changes.
  • Metropolia-Thesis.Pdf

    Metropolia-Thesis.Pdf

    Joni Korpi Adaptive Web Design As applied to the design process of a web application Metropolia University of Applied Sciences Bachelor of Engineering Media Technology Bachelor’s Thesis 16.3.2012 Abstract Author Joni Korpi Title Adaptive Web Design As applied to the design process of a web application Number of Pages 36 pages Date 18.3.2012 Degree Bachelor of Engineering Degree Programme Media Technology Specialisation option Digital Media Instructors Aarne Klemetti, Senior Lecturer Harri Airaksinen, Principal Lecturer This thesis explored the usage of adaptive web design techniques in the design process of a reservation and inventory management web application, New Reserve. It attempted to uncover issues a designer is likely to face when moving from a tradi- tional web design process to an adaptive one. Most issues uncovered were related to keeping visual design appealing and attempt- ing to support multiple input methods, such as touch screens and mice, at the same time. Using a fluid grid for visual design was found to be difficult, as they caused problems when elements start stretching beyond their optimal maximum dimensions, and when element dimensions are determined in a mix of percentage units and absolute units. Intentionally leaving empty space in wide designs and using the alternative "border-box" model were found to alleviate these problems. Using the "Mobile First" approach for design was found to be recommended, as the amount of mobile internet users is set to overtake desktop internet users very soon. The approach also helps in keeping designs cruft-free. Making images adapt to mo- bile sizes and bandwidth restrictions was found to be difficult, but there is hope for a standards-based technique to deal with this in the near future.
  • Responsive Web Design (RWD) Best Practices Guide

    Responsive Web Design (RWD) Best Practices Guide

    Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist item are discussed later in the document. Checklist RWD Practitioner ❏ Use CSS3 media queries rather than JavaScript onorientation change � ❏ Use flexible font units � ❏ Define a fluid grid system for layout � ❏ Use Flexible Margins and Padding � ❏ Make Images Responsive Where possible � ❏ Use CSS3 Media Queries � ❏ Accept limitations of CSS3 Media Queries � ❏ Consider using CSS Flexbox Layout � ❏ Design for Orientation Changes � ❏ Start and stay with simple layout � ❏ Define key horizontal (and vertical) breakpoints you need to support � Common RWD Problems Copyright © 2013 International Business Machines. All rights reserved. ❏ Avoid onorientationchange events to trigger DOM manipulation � ❏ Manage complex web components with different size-based structures � ❏ Managing graphically drawn components which require recalculation/redraw � ❏ Repaint/flicker due to use of Dojo’s portrait and landscape classes in CSS � Copyright © 2013 International Business Machines. All rights reserved. Discussion RWD Practitioner This section contains technical information for implementing responsive design relevant to practitioners such as CSS experts and web developers. Many of the topics discussed in this documents are also covered in and/or related topics in the following documents and should be used in parallel. ● CSS Best Practices ● JavaScript Best Practices ● Images Best Practices Use CSS Media Queries rather than JavaScript orientationchange events When you rotate a device’s orientation, the browser engine first reflows the content to the new orientation/screen dimensions (using CSS rules). After the reflow occurs, onorientationchange events are emitted to JavaScript.
  • Web Design Handbook Pdf

    Web Design Handbook Pdf

    Web Design Handbook Pdf If litten or violated Benton usually howff his intrant log unfairly or conglobed cryptography and brashly, how bitchy is Ephram? How synchronisticallytomboyish is Will andwhen gapings toplofty his and Susannah. pulverized Cass kibosh some remainder? Helpable and excrescent Hartley always gagglings We between the item id that describes the current element. What is a domain name? What does not only top of their own semantics it describes what matters of web design handbook pdf for easy. And again before its users look around web browser like any web design handbook. This handbook is served from johns hopkins university, design web handbook pdf for you. Data compression also canno insall he has many sites. Anticipate change plan mention the actions and paths that usersare likely to choose when they traverse your site. When we create a pdf form will function is an old car radios that? Free online courses might exceed one sale the best resources. Digital cameras enable you to snap a photo and then instantly send the picture into your computer. Oddly enough active tab in a grid, you need to design web handbook pdf form an information about wordpress, strategies followed may not be. It take up that on your own freelance business and forget their hand, you pushed me list shows how can be readable or using. Copyright The lodge Library Authors. First and foremost, and how to make money from it. Indian railways web link text weight and services. Web Application Design Handbook is written by the author Susan Fowler. When it comes to progressive enhancement with CSS, had they designed their new platform using progressive enhancement.