Examples of Responsive Design in Action
Image Gallery
Click on the images to see it in full size. The full width of this image gallery shows 3 images in 1 row. Responsive Design changes this to show 1 image per row using 3 rows when your screen size doesn't contain enough room for all 3 in a row.
| Some of the many mountains in Colorado |
Driving down a back county road in Colorado |
The Flatirons seen in winter from Chautauqua |
 |
 |
 |
view the Responsive webpage
Tables
These nonresponsive tables illustrate how fixed tables look on various screen sizes. Manually resize your browser window or view these webpages on a mobile or tablet device to see this nonresponsive design.
Website Development Skills
| HTML 4/5 |
CSS 3 |
PHP |
MySQL |
| Bootstrap |
JavaScript |
jQuery |
JSON |
| AngularJS |
SQL |
WordPress |
|
Website Design Skills
| Responsive |
Adaptive |
Mobile-Friendly |
Photoshop |