I found some more info regarding Responsive Web Design. Another important part of designing your layout to respond to different screen sizes is Fluid Grids. Both Dreamweaver and Photoshop have Fluid Grid layouts. There are some great free resources if you want to create your design in Photoshop you can get templates and additional info as well as tutorials from the following link: http://960.gs/.
Dreamweaver has Fluid Grid templates that are a great starting point and you can customize your columns and margins to your design specs. Fluid Grid Layouts in Dreamweaver helps you set up your design so that when you re-size the screen your layout changes to fit. The Fluid Grid feature does all the math for you as far as your columns and margins so that it re-sizes correctly. Dreamweaver has a cool feature at the bottom of the screen you can switch between Desktop, Tablet, and smart phone sizes with one click.
I am currently designing a site for a Landscape company and I am attempting the Responsive Design for this site so wish me luck. I will post more on how the process goes in a week or so.
If you want to read up on Responsive Web Design here is another helpful link:
http://alistapart.com/article/responsive-web-design
Craig
Great tips, with the growing variety of devices people use to access the Internet, it is becoming more and more important to create designs that aren't just "mobile-friendly" but truly adaptable. I didn't know that was available in Dreamweaver, I'll definitely check it out.
ReplyDeleteResponsive web design is actually and truly just plain magic. At least it seems so to designers in the coding world. Web Designing Company in Bangalore
ReplyDeleteResponsive web design is very essential for website for the purpose of business.Dedicated designers only good choice for create the responsive web design.
ReplyDeleteOutsource Website Developer