Chris Pels posted a great video tutorial of the ASP.net CSS Control Adapters on the asp.net site. If you’ve ever wanted to use the ASP.net 2.0 server controls for page elements like menus, tree views, gridviews, detailviews, etc.. but would like the ASP.net process to render semantic HTML then you’ll love this video and solution.

Here’s a little background. Last year my good friend Russ Helfand at GroovyBits and I worked on a CSS solution for Microsoft that makes ASP.net 2.0 server controls render semantically correct HTML and CSS. That is, I worked on the CSS styling and Russ did ALL the ASP.net code. I wouldn’t have known where to start with the server code.

The stock ASP.net menu server control (that creates 1 tier menus or multi tier drop down menus) uses tables to hold the menu items. But the same server control when used with the CSS Adapters will render clean nested ul and li tags. Enjoy.

In the past several years many designers have take to present phone numbers in a format with dots. For example: 206.555.1212. But I have no idea why they do this. It is difficult to recognize as a phone number. This dotted format - at quick glance - looks more like an IP address than a telephone number. So I ask, which group of numbers below is more easily recognized as a phone number to you?

(206) 850-9798
206-850-9798
206.850.9798

I’d argue day and night that (206) 555-1212 is the easiest to recognize format.

Aside from human recognition, some applications (like Microsoft Outlook 2003) won’t recognize 206.555.1212 as a phone number. This led me to check in with the Microformats folks to see if they had a specification or a standard format for phone numbers. Unfortunately, their list of Microformats doesn’t turn up anything for phone numbers. vCards are as close as they get.

Looking past function for a moment consider the aesthetics of the three options above. The (206) 555-1212 format is much more beautiful and elegant. It has subtle curves in the parenthesis, more white space overall and a clear call to locality (that is, separating the area code from the local number).

Do you feel as strongly about using 206.850.9798 as I do about using (206) 555-1212? Tell me why in the comments below. If we end up getting any comments on this (especially from non-American viewers who have different phone number formats) then we’ll have to expand the discussion to include international telephone number formats.

Are you a designer looking for work? If so, contact me; I’m looking for talented designers.

We’ll work with large, high profile clients like Microsoft, Intergraph, Online Resources, vFinance and Universal Records. On occasion we’ll also work with smaller, local businesses, indie bands and startups. In all cases we’ll design creative, custom web sites and web apps tailored to the needs of our clients and their users. You need to be a mid level+ web designer with min 2 to 3 years experience creating user-centered web sites & apps. This is a contract position that can lead to employment.

For the past 12 years Goldman Design has been one person, Kevin Goldman. I’ve worked solo and have sub contracted designers on occasion. Now the time has come to expand and bring in key designers on contract that could eventually become design directors as the company grows.

Interested? Send a brief email including (1) portfolio link (list your involvement with each project if not already shown) and (2) links to two of your favorite sites and explain why they’re your fav.

Recently I had a potential client ask what sites I’ve designed. Since I haven’t updated my portfolio in almost two years I figured I’d put a short list together here. There are a number of sites that are not public facing - so no links. Some of these include sites and apps were for the US Government (work I’ve done with www.Intergraph.com) and for banks (work I’ve done with www.orcc.com).

There are also several distributed app user interfaces I’ve worked on the last few years, but I’ll need to find some time to add these to my portfolio since I can’t link to them.

http://asp.net
Microsoft product site for ASP.net (now in beta)

http://www.iis.net
Microsoft product site for IIS

http://www.wintellect.com
Prominent Web Development company

http://www.refreshskincare.com
Spa in Scottsdale (and eStore)

http://www.asp.net/cssadapters/
CSS adapters for ASP.net server controls

http://quickstarts.asp.net/QuickStartv20/aspnet/
Microsoft ASP.net Quickstart Tutorials

http://www.stephenpond.com
CRM company in Phoenix

http://www.zimini.com
Internet Coupon startup

http://parkervanilla.com
110 year old wholesale flavor manufacturer

http://www.ibucho.com
A rockin’ San Fran band

http://starterkits.asp.net/SmallBusiness
Microsoft Small Biz ASP.net starter kit - used by developers around the world

http://starterkits.asp.net/PersonalWebsite
Microsoft Personal ASP.net starter kit - used by developers around the world

http://starterkits.asp.net/Club
Microsoft Club Site ASP.net starter kit - used by developers around the world

http://www.dumberthandolphins.com
T-shirt retailer

The first is called Yumga. Forget the paid services; Yugma works great and is free. I’ve been using it now for several months and have now become an affiliate to help spread the word. In Yugma’s own words:

Yugma is a free web collaboration service that enables people to instantly connect over the internet to communicate and share content and ideas using any application or software. Whether you using a Windows, Mac or Linux computer, you can connect on-demand and real-time with co-workers, clients, friends and family — regardless of whether they are across the city, nation or even the globe.

Popular uses include hosting study groups or tutoring sessions, hosting virtual clubs or social events, presenting proposals or creative work, product demonstrations, conducting training, customer service, team reviews, remote support and troubleshooting, and collaboration by artists, writers, and design professionals.

The second great new free app is call LogMeIn. LogMeIn has been around for a while but I just started using it when I travel. Rather than worry if I transfered my latest design files to my laptop when I travel, I know that with LogMeIn I can access all my computers at home from anywhere, for free! Sure, some versions of Windows have this kind of functionality built in, but LogMeIn makes it plain-Jane easy to use. There are many upgraded paid products from LogMeIn, but the free product works quite well for me. Here’s a snippet from them:

ogMeIn, Inc. (formerly 3am Labs, Inc.) offers a suite of remote access and support solutions that provide instant, secure connections between remote PCs over the web. Powered by the LogMeIn Gateway, the service has applications for desktop remote control, data backup, file sharing, remote system administration, and on-demand customer support.

LogMeIn offers the industry’s fastest, easiest remote access and support solutions – and has been recognized with eight Editors’ Choice Awards and “Best of the Year” honors.

“Designers, developers, project managers. Writers and editors. Information architects and usability specialists. People who make websites have been at it for more than a dozen years, yet almost nothing is known, statistically, about our profession. Who are we? Where do we live? What are our titles, our skills, our educational backgrounds? Where and with whom do we work? What do we earn? What do we value?

It’s time we learned the answers to these and other questions about web design.”

Fill out the A List Apart 2007 Web Design Survey.

This is a test post published directly from the new Word 2007.

I’ll explain this more later …

Text

Change font

Change color

Change size

H2 Heading (verdana)

H3 Heading (default Calibri font)

• Bullet
• Bullet
  • Nested bullet
  • Nested bullet
• Bullet

Pre Code Test

<configuration>

   <location path="showStockPrice.asp">
			

    <system.webserver>
			

        <caching>
			

           <profiles>
			

            <add varybyquerystring="*" location="Any" duration="00:00:01" policy="CacheForTimePeriod" extension=".asp">
			

           </profiles>
			

        </caching>
			

    </system.webserver>
			

   </location>
			

</configuration>
			

</pre>

It is common these days to you use the » character on web page bread crumb trails and to call attention to certain links on the page. As a designer the » symbol looks much better than the > symbol.

However, if you use these characters in your pages be sure to use the « character for « and the » character for ». Do not use the « for « and » for ». Why? JAWS and other screen readers will read « as “left angle quote” and » as “right angle quote”.

Just to make sure this isn’t confusing, unless you’re specifically wanting to put your content in left and right angle quotes be sure to use these characters:

« for «
» for »

PS. Dreamweaver by default creates the right and left angle quotes when inserting these characters form the INSERT » HTML » SPECIAL CHARACTERS menu.

Updated below with some more. And note, that I can not find the non left/right angle quote version of these characters…

‹ for ‹
› for ›

I recently had some projects where the client wanted the page layouts and CSS tested in Firefox 1.5 and Firefox 2. I can’t seem to find any difference in the way Firefox 1.5 or Firefox 2 renders CSS. I haven’t found other blogs, forums or Mozilla help docs that talk about it either (though I’m still looking). Please reply to this post if you have any light to shed on the issue. For now I consider them to be the same when it comes to CSS.

In the process of my search I came across Mozilla’s CSS Developer CENTER. It has some essential links and good introduction to CSS. It also has some good info on CSS3 (which may someday be part of the day-to-day real world).

The new IE Dev Tool bar has been released. It now has a button for “find by click” (so much better than the old drop down menu). With this addition it’s better than the Firefox developer tool bar extension in a lot of ways. The “trace css” is fantastic, but unlike the Firefox Extension - and the crème de la crème of all developer tool bars, Firebug - you can’t edit the CSS once it’s traced.

I’ve been running IE 7 beta on test machines for a while now, but just installed it on my production machine through auto-update.

It was a smooth update. The poor bookmark UI in IE 7 however, is the one thing that keeps me using Firefox as my default browser. That’s too bad. I really like the DOM explorer add on for IE versus the Firefox developer toolbar extension).

After installing IE 7 you may notice that Dreamweaver does not remember your FTP passwords for your sites. Adobe … released an update that’ll fix the disappearing passwords.

(1) Buy more ram for Photoshop. I know many people are skeptical if you’ll see much performance difference when using 1 gig of ram versus over 1 gig of ram. But, if you’re running Photoshop with large files you will benefit from more ram. I’ve been running 1 gig of ram on my Dell 9150, Pentium Dual Core 3Ghz for about 8 months. It’s been nice, but lately, I’ve had to work with 100+ layer Photoshop docs and things were getting slow. The extra gig I just added (for a total of 2 gig) has increased my typical Photoshop tasks 30% to 250%. The time savings will pay for the $99 gig of ram update in no time. Below is my very unscientific benchmark test of Photoshop speed before and after the ram upgrade.

(2) The next tip. Buy your ram from The Chip Merchant. I remember buying my first ram upgrade for my Mac Quadra 700 from The Chip Merchant in 1991. They had the best prices and service then, and still do 15 years later!

I had a ram slot question about my Dell when I went to install the new 1 gig module so I called The Chip Merchant. Within minutes their tech support knew my exact Dell model and everything about the installation. He explained some nitty gritty details for options I’d have down the road and we were done. I love The Chip Merchant.