Responsive Design
Authored By: Stacey McKee on 4/15/2014Responsive Design is the concept of developing a website design in a manner that allows the lay out to change according to the user’s computer, tablet, and smartphone screen resolution.
Three important things to consider:
· Flexible or Fluid Grids
· Flexible Images
· Media Queries
Flexible Grids is a concept in which the elements of your site are resized, rearranged or removed. Instead of using fixed widths in pixels, flexible grids use percentage units to recalculate an element’s proportions accordingly. As the browser width changes, flexible grids will resize and reposition the content as necessary.
Adjusting images in responsive web design is crucial. You can resize the image on the fly, or dynamically crop the image. By combining both methods you are enabling the image to resize automatically when it’s below a specific screen size.
First Sample Blog Post1
Authored By: Sample Blog Author on 2/26/201411111111111 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nibh nisl, pharetra ullamcorper euismod at, condimentum id arcu. Donec eget magna leo. Proin sollicitudin, orci at pharetra aliquam, sapien purus feugiat ipsum, id bibendum ipsum mauris sit amet diam. Praesent sed odio ac augue ullamcorper tincidunt nec vel tortor. Suspendisse vel erat semper, posuere magna in, suscipit erat. In hac habitasse platea dictumst. Aliquam erat volutpat. Aenean quam velit, fringilla non quam a, pharetra sollicitudin sem. In luctus, magna sed malesuada adipiscing, arcu massa blandit urna, mattis consequat augue purus at lacus. Vestibulum hendrerit dui ipsum, vel imperdiet eros fermentum id. Quisque ut lacus id leo lacinia tempus. Donec sit amet imperdiet sem, quis pulvinar erat. Donec dictum leo sit amet gravida porta. Curabitur vestibulum facilisis dolor. Suspendisse placerat at nisi quis pharetra.
Read More » Second Sample Blog Post!
Authored By: Sample Blog Author on 2/26/2014 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nibh nisl, pharetra ullamcorper euismod at, condimentum id arcu. Donec eget magna leo. Proin sollicitudin, orci at pharetra aliquam, sapien purus feugiat ipsum, id bibendum ipsum mauris sit amet diam. Praesent sed odio ac augue ullamcorper tincidunt nec vel tortor. Suspendisse vel erat semper, posuere magna in, suscipit erat. In hac habitasse platea dictumst. Aliquam erat volutpat. Aenean quam velit, fringilla non quam a, pharetra sollicitudin sem. In luctus, magna sed malesuada adipiscing, arcu massa blandit urna, mattis consequat augue purus at lacus. Vestibulum hendrerit dui ipsum, vel imperdiet eros fermentum id. Quisque ut lacus id leo lacinia tempus. Donec sit amet imperdiet sem, quis pulvinar erat. Donec dictum leo sit amet gravida porta. Curabitur vestibulum facilisis dolor. Suspendisse placerat at nisi quis pharetra.
Phasellus id nunc sit amet nunc rhoncus vulputate. Phasellus dignissim porttitor condimentum. Nunc viverra, ligula a dapibus pellentesque, orci leo interdum dolor, a posuere tellus nisl non urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque aliquet tincidunt justo eget dapibus. Suspendisse tortor nisi, sollicitudin id nisl eget, consequat aliquet massa. Morbi suscipit leo at ligula bibendum mattis. Vestibulum fermentum odio sit amet molestie pulvinar. Ut lacinia est in nunc faucibus, non sollicitudin quam auctor. Suspendisse molestie consectetur lorem, id convallis tellus facilisis eu. Cras iaculis accumsan porta. Suspendisse tempus ipsum sed augue egestas, id sagittis sapien mattis. Donec eget laoreet tortor. Ut non venenatis erat. Fusce augue lectus, volutpat et neque sit amet, sollicitudin tristique mi.
Phasellus vitae rhoncus diam, sit amet tincidunt neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vulputate, ligula sit amet posuere scelerisque, diam nunc vestibulum sem, eu interdum ante metus vitae metus. Praesent sagittis lobortis nibh eu tincidunt. Sed vitae quam vel quam mollis scelerisque sit amet id leo. Nulla ultrices eros neque, non aliquet enim rhoncus at. Proin eget feugiat ante. Cras dignissim in justo vel posuere. Etiam quis tincidunt nibh, non lobortis tellus. Praesent id fermentum ante, suscipit porttitor dolor. Pellentesque sit amet placerat nisi. Sed vulputate lectus facilisis nibh tincidunt ornare. Integer interdum sodales velit vitae cursus. Morbi velit nulla, consequat non porttitor sit amet, bibendum a libero.
Donec volutpat, dolor et vulputate lobortis, libero turpis placerat urna, eu accumsan nunc elit ac purus. Nullam accumsan congue elit, tempus tempus diam rhoncus vel. Fusce congue lorem quis sem hendrerit elementum dictum quis mi. Duis placerat tincidunt felis, sit amet blandit leo condimentum ac. Etiam at nulla quis nisl lacinia vulputate vel non ante. Morbi tempor cursus nisi non dictum. Duis sit amet mi a metus adipiscing iaculis vitae vitae leo. Cras ac urna non arcu aliquet porta in non ipsum. Suspendisse egestas quam felis, et fermentum lacus placerat sed. Nam bibendum mauris velit, vitae ultrices massa semper vitae. Quisque odio justo, adipiscing eu turpis hendrerit, porttitor rhoncus nisi. Quisque mollis cursus nibh, nec semper est imperdiet vitae. Etiam tincidunt fringilla eleifend. Praesent imperdiet massa ac porta suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Fusce et tristique velit. Fusce vulputate ac justo egestas facilisis. Sed eu feugiat sapien, vel scelerisque diam. Pellentesque nisl libero, faucibus facilisis ipsum non, sollicitudin commodo risus. Integer sit amet purus quis orci condimentum consectetur. Morbi interdum, dui vel tempus blandit, augue arcu elementum enim, nec imperdiet lacus metus lobortis turpis. Aenean diam mi, congue in enim facilisis, auctor mollis purus. Pellentesque auctor fringilla suscipit. Proin vestibulum tempus quam sed consectetur.
