Saturday, December 26, 2015

ResponsiveWebDesign

There are basically two basic strategies:
  1. Use different views for each target device type.
  2. Use a single combined HTML file that uses CSS and media queries to hide those sections that should not be visible on a particular device. The sections that are not displayed still pull images and take up DOM processing time.
In this section will show a simple TODO application using angular. It employs an angular tag that detects the device type and hides/shows a section of the page or dom element.

You can use "1", when dealing with large images or big sections of the page. Also in mobile devices, hide the less important devices by using angular tags.

The code is all on GITHUB. Use it to test and then follow it as applicable.

Simple to run,

1. Start Mongo DB.



2. Start the app. node server


3. Go to http://localhost:8080



I downloaded a simple TODO app and injected adaptive-responsive tag. 

This is how everything is organized (?) ...;) that is what i hate about angular...so called stipulated way of doing things...and it is so hard to represent.