CreateaFreeWebsite With Responsive Web Design
We can use this two column layout to learn a little about Responsive Web Design.
RWD came along about 10 years ago when surfing the internet with cell phones began to be an every day habit. A need for web design that allowed the same web site to be viewed on a desk top , laptop, tablet or cell phone was a must. What was then Liquid web design evolved further into what today is the norm as RWD.
We've tried to construct these templates with as little HTML code as possible. We advise novice web developers to spend more time studying CSS and Responsive Web Design techniques. Learn to manipulate page structure and images with what we call Media Queries.
The CSS for the drop down menus is a bit verbose, but it's easier than learning javascript. There are a lot of sites out there that offer free menu codes, but most are heavy on the JS and will pose problems for beginners when trying to troubleshoot problems that arise.
Media Queries allow the developer to change font sizes, alter navigation devices and resize images or actully swap them out at different screen sizes as demonstrated in this template.
Let's stay away from words like resolution that just confuse the issue for now. .
Our templates should be considered entry level.
They will provide the novice designer with just enough information to get a good start in the world of RWD.
The media queries we provide are about as simple as we can make them, but should give an understanding of the process involved.
Top