Tuesday, 26 June 2012

About Web Design / HTML: HTML5 Form Validation; Starting Responsive Design

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
Validating forms just got a lot easier with HTML5. You don't need to know JavaScript or CSS, just put in a couple of new attributes and the browsers will validate your forms for you. Plus, this week I give you more about how to create a responsive design with a step through of how you might design a site responsively. Finally, images are the bane of most new web designers. If you or someone you know is struggling to get their images onto their site, the article linked below can help.

What Should I Write About? Is there a topic you'd like to see covered on the Web Design / HTML site at About.com? Let me know what you think. Follow me on Twitter or Become a Fan on Facebook

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.


HTML5 Makes Validating Forms Much Easier
It used to be that in order to validate an HTML form you had to do some type of scripting, either on the front-end with JavaScript or on the back-end with CGI or server scripts like PHP. But now HTML5 makes that a lot easier. There are several new attributes you can place on your forms and form fields to tell the browser to validate and even how to validate the fields. This article explains how. Read More

Start with the Smallest First in Responsive Design
When I start building a responsive design I first create the HTML stucture for my pages that contains all of the sections and elements the page might need. Then I start adding the CSS to create the design. But rather than building the desktop version first, I save that for last. This article describes the steps I take to create a responsive design and how to create a responsive design with just one style sheet.

Do You Struggle with Getting Your Images On Your Site?
Don’t worry, you’re not alone. Images make your site more interesting. They add color and interest, but they can be very difficult to get up on a website for a beginning web designer. And then once you have it on the website, you have to be able to link to it in your HTML. And that can be challenging. Learn how to get your images up on your site by clicking on the article link above.
See More About:  web images  uploading files  html img tag

Poll: Do you use rollover images?
Rollover images are one of those things that have been around for a long time on the web. They are a popular (and fairly easy) way to create interactivity on your site. In fact, they are so common, that many programs, including Dreamweaver, have built in functions to create rollover images. But with new features of CSS3 making it even easier to create rollover effects without any images at all, are rollover images passé? Do you use rollover images on your web pages? Vote Now View Results

 


Web Design / HTML Ads
Featured Articles
Add and Edit Images Inside Dreamweaver
Cascading Style Sheets Full Class
How do I Specify Fonts On My Web Page?
SEO Class
RAGE Web Design - Mac Text HTML Editor
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