CSS Menu Writer Rides Again

I'm still using the CSS Menu Writer that I got to evaluate. I have to say it's very slick. I'm working on a WordPress site that I hope to reveal soon, and it came in very handy. I've worked on tabbed navigation with CSS before, but this was relatively painless. A few quick menu adjustments and it gave me a set of beautiful tabbed menus. Of course it's never quite that easy. I had to track down a bit of a z-index glitch in IE6 and 7, but that was hardly the fault of the people at WebAssist.  The menus performed perfectly in my base page in all browsers. It was only when I introduced some additional CSS of my own that I had an issue. Why can't Microsoft come up with a browser that works as well as the new Chrome by Google seems to? If you're looking for a Dreamweaver plugin that takes some of the work out of clean CSS menus, I'd suggest giving CSS Menu Writer a look. Even if you use it like I did, to quickly build a base menu that I further customized, it is an incredible time saver.

Web Design Tools - The Site Test

If you are a site designer, or a site owner, you will at some point need to evaluate a site. Do the bones of the site stand up, or it is a screaming wreck hidden behind a pretty facade? The first thing I do is look at the source code.  Beautiful code isn't the final answer on site testing, but it's a place to start.  Is it table based, or a CSS layout? A table based layout should put up a warning flag. Table based layouts are outdated... you can do better. You want CSS. It's more adaptable, and more accessible to a wide range of technologies. You can also make significant changes to your entire site by changing just one file. A quick look at the code should be enough to tell the difference. If the source code is filled with <table>,<td>,<font>, and <tr> then you're looking at a table layout. If it looks more like <div id="blah-blah">,<h2> and <ul> then you're likely looking at CSS. Validation is my next step. Just because it validates, doesn't mean the page works, but it does rule out a lot of common errors. If you just want to validation check one or two pages, for to WDG HTML Validator and type in their URL. You will get an immediate evaluation of the page's validation status. Quick, clean, and simple. If you're going to do this often, go get the Web Developer or Html Validator add-on for Firefox. You are using the Firefox web browser aren't you? If you aren't, then download that as well as one of the validation add-ons. They're free, high quality products.The Web Developer add-on is a powerful testing tool. It has all kinds of bells and whistles, so it may be more than you're looking for. If you only want to check validation, then just go with the HTML Validator. It does that one task very well. If your site is CSS based, you can validate your CSS file too. I'd suggest CSSCheck or once again Web Developer. Then we get to links. Any broken links on your site? It's annoying, but sites come and sites go, and invariably you will end up with broken links. Try out the Online Link Checker, or the LinkChecker add-on for Firefox. Accessibility is also important, I'd suggest trying the OCAWA accessibility validator. There are other tools and add-ons around, but that will get you started. If you need more testing options, Web Developer has some accessibility functionality, and there is the Firefox Accessibility Extension as well. Want an overall evaluation of the speed of your site? Try out the Web Page Analyzer. It will let you know how fast your site is running on various bandwidths, and make suggestions for speeding it up. I would suggest sticking with Firefox for most of your testing purposes, because of the wealth of testing tools available. There is however, an Internet Explorer Developer Toolbar. In my experience, it doesn't work as intuitively or as well as Firefox's, but it does work. This isn't everything you need to know to evaluate a site, but I hope it helped get you moving in the right direction. Good tools always make a task go smoother.  Good luck.

HDR Explained

Two of my favorite Photoshop experts, Ben Willmore (Digital Mastery, The Best of Ben and Where is Ben?) and Bert Monroy (PixelPerfect) get together. They meet to explain HDR (High Dynamic Range) in a two part series. A great explanation of HDR, with a walk through of the creation of an HDR image. Simple enough explanations that anyone who uses Photoshop can follow along, and with enough detail that even someone who's used Photoshop as long as I have can learn something new.

A List Apart Design Survey

A List Apart - The Survey, 2008

Calling all designers, developers, information architects, project managers, writers, editors, marketers, and everyone else who makes websites. It is time once again to pool our information so as to begin sketching a true picture of the way our profession is practiced worldwide.

It's a very well written survey in my opinion. If you are a design professional, go help them out and take the survey.

I took the Survey!

Browsers and their tools

CSS Tricks has a great post called Cutting Edge Browsers and Their Development Tools. I didn't know about the Opera's Dragonfly, I'll be trying that out soon. It's a very good comprehensive list that every web professional should see.

CSS Menu Writer

The nice people at WebAssist.com are letting me try out their new CSS Menu Writer extension for Dreamweaver. I got a demonstration of it yesterday, and I've been putting it though it's paces this morning. It is exactly what the title would suggest, a CSS menu writer. Working through four tabbed menus, you can easily create fairly complex, and valid CSS menus. I'm very impressed with it so far. The extension works well, and is quite intuitive. The two most significant aspects I see, are that it uses no proprietary coding as far as I can see, and that I can create my own preset templates. This means that any menu I create using this should be editable by anyone with a knowledge of CSS, and that I can adapt the software to my own design style. This has the potential to be a very significant time saver for me. I'll go into greater detail when I've had a few days to try it out.

IE6 bugs, defined

IE 6 actually had the best CSS support of any browser when it first came out... SEVEN YEARS AGO. - CSS-Tricks

Chris Coyier at CSS Tricks has written a very nice piece on IE6 CSS bugs. Anyone who's dealt with these will appreciate this list. Anyone who's fought with them and didn't know what they were will appreciate them more.

How is your Shop Window?

Attitude Design has an interesting take on Home Pages and Shop Windows.

Retail shop windows carry massive lessons for home page designers. Take a high street fashion shop for example. The shop window will typically contain the following - the logo of the shop, some attractive graphics, some plastic models displaying a wide range of garments which are sold in the shop. Now a website is slightly different but the ideas are the same. The logo will give the overall authority and brand recognition to the website as it does above a shop window.

It's actually a good analogy. A good site homepage is a lot like a good store window. It gives you a glimpse of the content in a flattering light. Makes the viewer want to dig deeper, to go in and look around. I'm currently working on a retail site, and I'm going to take this concept to heart. The initial design concept was very close to this idea anyway, but I'm going to step back and look at it again. Look at it as if it were a stone and mortar store, and see how the design holds up. I think it will do well, but this concept will let me further refine the design. Refinements that should directly relate to improved site statistics. What client can argue with that?

Keeping up with Design

Somebody asked me a good question today. To paraphrase, it was "what websites do you use to keep up with what's going on in the industry?". Here's the list: While I don't write about blogging, I do follow what's going on with that industry. It's too much of a factor in the web design business not to.

Mostly I like to read about Art and Design. You'll notice that a number of these these sites aren't web or graphic design related. Web design needs to be inspired by all arts, not just other web design.

Inspiration can come from all kinds of interesting stuff.

I'm particularly fond of Search Feeds. Most people don't realize that a lot of search engines allow you to subscribe to the search. So you can be notified of anything new on the subject of your choice.

I also subscribe to a number of Technical Feeds. While some of these sites write about things outside of design, it's important to keep up on these too. The more I know about all aspects of my job, the better I can do my job. This might include how my computer and software work, how to improve them or how to fix them, and what's new in the industry .

I keep track of my subscriptions with the Sage feed reader for Firefox. I have posted elsewhere about other Firefox resources I regularly use.

IE8 to display like IE8

Despite early announcements that IE8 would default to displaying pages as if it were IE7, Microsoft is now announcing that it will default to Standards mode. This will alleviate the need for designers to opt out, by opting in as I've written about before. Microsoft Expands Support for Web Standards

Consistent with its efforts to promote further interoperability across the Web, Microsoft Corp. is now configuring the settings in Internet Explorer 8, the upcoming version of its browser, to render content - by default - using methods that give top priority to Web standards interoperability.

This is the best news I've heard from Microsoft in quite some time. I was really hoping this issue would be resolved before IE8 came onto the market, but I was holding little hope. They have in the past seemed more inclined to use their own proprietary standards than to "give top priority to Web standards interoperability". I'm happy top see that that wasn't the case here.

Syndicate content