Tuesday, 19 June 2012

About Web Design / HTML: Responsive Web Design; Notepad Trick; jQuery Mobil

If you can't see this email, click here

About.com

Web Design / HTML

Design Basics

Learn HTML CSS XML

Awards



From Jennifer Kyrnin, your Guide to Web Design / HTML
Unless you've been hiding under a rock you have probably heard of responsive web design. This is a way of designing websites so that they respond to the environment they are displayed in -- changing to adapt to that environment, without expecting the user to do anything. This week I explain what responsive design is, and over the next little while I'll be providing more tutorials on how to do responsive design. Then, if you are just starting out, you may have tried to use Notepad and had some trouble. This article goes over some of the common mistakes Notepad users make when they first use that editor to write web pages. And my inspiration this week was from a site that uses jQuery Mobile to create a mobile site.

A free class is a great way to learn new web design techiques. I have classes on HTML, Web Design, CSS, and even XML. Check out all the free web development classes offered on my site and other About.com sites.

Please forward this newsletter, in its entirety, to your colleagues, coworkers and friends, anyone you think would like to learn more about web design, HTML, and web development.


Responsive Web Design Means Responding to Your Users
three versions of a site for mobile, tablet, and desktop
A responsive web design is one that adapts to the device that is displaying it. Users are not expected to switch to another URL to get content they can read, and clients are not expected to post all of their content to two locations (desktop and mobile). Plus, you don't need any fancy scripts just an understanding of some new CSS.

A Trick to Using Notepad
One thing that many beginners will do when using Notepad is accidentally use Wordpad instead. And Wordpad has similar problems to Notepad for editing HTML. This article covers some of the common mistakes beginners make when editing HTML with Notepad.
See More About:  notepad  beginning html  mistakes

jQuery Mobile Makes it Easy to Go Mobile
Mobile site for Brian Watson Photography
Sometimes I am inspired visually, and sometimes by sound or touch, and sometimes just by an idea. jQuery Mobile is one of those ideas that I find very inspiring. Why? Because using this tool can give you an interesting and usable mobile site without a lot of work. This site by Brian Watson shows what a jQuery mobile photo gallery site can look like. Brian uses one of the standard dark themes for the site, and the photos look great in it. What inspires you? Show Off Your Favorite Web Page Design
See More About:  inspiration  web design  html5

Poll: Do you use a WAMP or MAMP server for testing?
WAMP stands for “Windows Apache MySQL, and PHP” and is an easy way to install a web server on your local Windows machine. MAMP is the Macintosh version of this, and LAMP is the Linux version. These packages make it very easy to set up a local server on your hard drive and do testing in an Apache server environment without putting the site live for customers. In fact, at any given time I may have up to three servers running on my local network in LAMP, MAMP, and WAMP configurations. Do you use a WAMP or MAMP server for testing? Vote Now View Results

 


Web Design / HTML Ads
Featured Articles
Make Your Alternative Text Actually Readable
Cascading Style Sheets Full Class
Dynamic HTML
SEO Class
How to Disable a Dreamweaver Extension
Free Web Design Class - Daily

 

More from About.com

Bake Sale Bestsellers
Make your next bake sale a profitable one with these irresistible recipes. More>



Real Recipes app
Download our highly-rated app for free recipes and kitchen tools, for iPhone and iPod Touch. More>




This newsletter is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Sign up for more free newsletters on your favorite topics
You are receiving this newsletter because you subscribed to the About.com Web Design / HTML newsletter. If you wish to change your email address or unsubscribe, please click here.

About.com respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2012 About.com
 


Must Reads
Find the Perfect Web Page Editor
Learn HTML
Learn CSS
HTML Tags
How to Build a Website
 
Follow me on:
Facebook Twitter

Advertisement

No comments:

Post a Comment