The days of single-device applications are long gone. The current generation of applications must support multiple devices, screen sizes, resolutions, operating systems… the list goes on. To design responsive applications is no longer a professional courtesy – it is a must have. With all the data entry methods complete, I will begin to design the layout and style of the application using responsive methods and techniques.
I am brand new to the .NET world, and also to the world of web programming. I won’t even pretend to be “vaguely familiar” with these disciplines, having only done one web-design paper while studying. But the DBA skills I am honing at work are only one element of the toolset I am aiming to develop, which includes data-centric programming and effective data visualisation. For this project, I have chosen to use a web-app to display the data – and in the interests of making the experience fluid and seamless, it will use responsive techniques to mold the layout to the screen.
Below is a list of references that I will be using to implement a responsive application. (These all come in at the top of a Google search, but this way I won’t be loosing these references.)
About Responsive Design
- Responsive Web Design: What It Is And How To Use It. Kayla Knight (2011). http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/. This is a great conceptual overview of responsive design, with some simple and clear examples to illustrate the points being made.
- 30 Useful Responsive Web Design Tutorials. Aritra Roy. http://www.hongkiat.com/blog/responsive-web-tutorials/
- Responsive Web Design Guidelines and Tutorials. The Smashing Editorial (2012). http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
- Responsive Design in 3 Steps. Nick La (2011) . http://webdesignerwall.com/tutorials/responsive-design-in-3-steps. The real basics – but with a nice clear example of a super-simple layout. This could be my first “exampleProject” with responsive design.
- Responsive Web Design Tutorial and Explanation. LearnWebCode (2013). https://www.youtube.com/watch?v=BIz02qY5BRA. A video of the basics, if you like videos.