Data Analysis / Interactive Web Data

Responsive Web Design

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

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

Tutorials

  1. 30 Useful Responsive Web Design Tutorials. Aritra Roy. http://www.hongkiat.com/blog/responsive-web-tutorials/
  2. Responsive Web Design Guidelines and Tutorials. The Smashing Editorial (2012). http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
  3. 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.
  4. Responsive Web Design Tutorial and Explanation. LearnWebCode (2013). https://www.youtube.com/watch?v=BIz02qY5BRA. A video of the basics, if you like videos.

 

Advertisements

2 thoughts on “Responsive Web Design

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s