On 06.29.12, In BLOGGING, by Lechlak
Creating a responsive theme has become more and more prominent as the mobile world has started to take over the digital marketplace. Companies need to take into account the tablet and mobile phone world because people are beginning to make purchases from them. Whether you are marketing groceries, apps, or metal, it is important to make this information accessible. Using CSS3 you are able to make cross browser menus that are accessible from these devices.
1. Responsive Design Sketchbook
2. Responsive Wireframes
3. Multi-Device Layout Patterns
4. Style Tiles
5. Golden Grid System
7. The 1140px CSS Grid
8. Columnal CSS grid system
9. Semantic grid system
13. A better Photoshop grid for RWD
14. Responsive Calculator
15. Responsive Images
16. Adaptive Images
17. Sencha.io Src (formerly Tinysrc)
19. Responsive Web Design Sketch Sheets
What is a responsive design? Making responsive part of your starting Theme design, or upgrade your current one to a mobile friendly Theme that automatically adapts to any* screen resolution or device. A responsive theme (as the one used for this website), is an approach to web development that allows a website to break itself down smoothly across multiple monitor sizes, screen resolutions, and platforms, be it a computer, tablet or mobile device. It allows the developer to create a site that is optimized for each platform, both in navigation, readability and load time.
As you can see when resizing the window (if you are viewing this site on a computer), the layout of the page shifts depending on the size of the screen; with different layouts for content depending on viewing area. Themes (or layouts) such as this, allow for a single site and single look to the site, to be viewed on various devices without the need for additional themes or resizing by the user.