But what about adjusting heights along with the widths? And what about putting it together in a tiled layout? That's what we're going to look at today. In that article, we focused on adjusting element widths and modifying the layout as the window resized. If you're new to responsive design and haven't seen the article I mentioned a moment ago, I recommend you review it now to get up to speed on media queries, the foundation on which responsive design is built. (In case you're looking for some great examples, check out mediaqueri.es.) Also, let's not kid ourselves – part of the appeal of responsive design is that it's so knock-your-socks-off cool when done well. Going responsive is relatively easy, and ensures forward compatibility with whatever next generation of devices comes down the pike. Now, however, we have phones, phablets, mini tablets, average tablets, giant tablets, netbooks, little desktops, big desktops, etc, on and on. When we only had to worry about smartphones, there were two distinct classes of devices – phones and desktops/laptops. One of the main reasons that this approach is gathering significantly more steam than adaptive design (presenting an entirely separate mobile-optimized site) is the incredible diversity of devices popping up, each having a unique screen size and resolution. As we looked at in a recent article ( Responsive Design: A Crash Course and Demo), responsive design is becoming the favored approach for making your site accessible on all devices.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |