Tuesday, 5 June 2012

About Web Design / HTML: Typography; Dreamweaver; Beyond HTML

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
One of the frustrating things about web design is that there is a lot of work you should do that won't be noticed by 90% of your customers. Things like fallback options for older browswers, creating responsive designs that change with the devices customers use, and checking your page in all the fonts in your font stack—even if you're using an embeded font. Yes, you can skip a lot of these things and possibly only a small fraction of your site visitors will notice, but sometimes good enough really isn't good enough. This week I also look at the latest version of Dreamweaver and a recap of some things HTML can't do, and what you can do instead.

There are hundreds, if not thousands of different web editors available for you to use. I have a script to help you find the perfect web page editor, but sometimes it's easier to see reviews of editors by other people and decide based on their opinions. I have received several new web editor reviews from other About.com readers. Some interesting ones that have just come in include:
three stars KomopoZer
one stars KompoZer
four stars Serif WebPlus
Write a review of your web editor

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.


Good Web Typography Means Caring When Your First Choice Font
Many web designers use font stacks to allow for differences in their customers’ computers, but most never think about what can happen if their first choice font isn’t available. In fact, I bet if I did a survey, I would find that most people don’t even test their pages in the second or third font in their stack, they just put them in there and move on to the next task. But this can be a problem. Even though you are using fonts at exactly the same size, they can take up more or less space and be more or less legible depending upon how the font is constructed. Luckily there is a CSS3 font property that can help fix this problem: font-size-adjust. Learn how to use font-size-adjust to correct how your pages look even if your first choice (and tested) font isn’t available.

The Latest Version of Dreamweaver is Out
I've been playing with the latest version of Adobe Dreamweaver for about a month now, and it is still one of the best web editors available. It has nearly all the features I look for in a WYSIWYG web editor for web design professionals. And it still ranks at the top of all the Windows and Macintosh web editors out there. But even with all that, this update doesn't get me very excited. There are some interesting new features in Dreamweaver CS6, but ultimately I wish Adobe would go back in and take a hard look at the Dreamweaver base. What does it do? Can it do it better? For one thing, HTML5 and CSS3, while 100% supported in CS6, should not be something you have to know in order to use. Why aren't these features more integrated into the editor? Why hasn't the CSS panel changed in years? It works, sure, but it's not great.

There are things HTML Can't Do
While I'm having a ton of fun with all the things that CSS3 is letting us do on web pages without any images (rounded corners, glow effects, fancy buttons, and more...), there are things that you can't do with CSS or HTML and you either need to use a scripting language or something else to get it to work on the web. Find out what they are and what you can do instead.

Poll: Do you check your site analytics from your phone?
I believe that in order to improve your websites you need to track what they are doing. And that means viewing your website analytics. There are lots of tools you can use to view and analyze your website logs, there are even apps to check analytics on your phone. Is it tempting to find out if your pages are doing better or worse even when you’re not at your computer? Do you check web stats from your mobile devices? Vote New View Results

 


Web Design / HTML Ads
Featured Articles
Why does my page layout stretch while the site is loading?
Free HTML Class (daily)
Your Files are Not Secure
XML Class
How to Change Your Windows Screen Resolution
Become a Freelance Web Designer Class

 

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 Web Design / HTML newsletter. If you wish to change your email address or unsubscribe, please click here.

About 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