Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
Responsive Web Done Responsibly PowerPoint Presentation
Download Presentation
Responsive Web Done Responsibly

Responsive Web Done Responsibly

166 Vues Download Presentation
Télécharger la présentation

Responsive Web Done Responsibly

- - - - - - - - - - - - - - - - - - - - - - - - - - - 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