1 / 11

Responsive Web Done Responsibly

Responsive Web Done Responsibly. Lou van der Bijl @ synstalker Senior Business Applications Consultant. What is Responsive Design?.

harry
Download Presentation

Responsive Web Done Responsibly

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Responsive Web Done Responsibly Lou van der Bijl @synstalker Senior Business Applications Consultant

  2. What is Responsive Design? Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.

  3. Why Responsive is important? [The web] should be accessible by anyone, from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Tim Berners-Lee

  4. http://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/africa#monthly-201712-201812-barhttp://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/africa#monthly-201712-201812-bar

  5. “Find your balance between form, function and your user.” “Fit-to-size” ignores the actual content that is being presented in that layout Follow John Maeda’s Law of Simplicity and thoughtful reduction Mobile first means focus on the context. Image by macrovector

  6. Just because you can doesn’t mean you should Simplify with the rule of 3 Scripts, Fonts, Renditions, Clicks Remove unused scripts and CSS Preload when you can “Does it actual need a script”? Jump to anchors are just HTML Focus in on functionality Build for the point without the fluff kcgreendotcom.com

  7. It has been built, use it HTML5 and CSS3 HTML Image renditions Bootstrap, Office Fabric Use the right platform for the job Minify *everything* Load times and usability are the gateways to a happy user. Image by rawpixel.com

  8. Get Real Use real content Get real users to test on actual devices on all connections Web renders only get it right 90% “If it exists, it needs a test case”

  9. Join Us Keep Building Keep Learning Keep Pushing Boundaries Join the Microsoft Developer User Group in Cape Town, Johannesburg and Durban Xamarin, .NET and .NET Core, ASP .NET and ASP .NET Core, Visual Studio and Visual Studio Code, Visual Studio Team Services, Visual Studio App Center and Azure. awpixel.com

More Related