Web Technology @ CCBC

Student driven blog for all things web.

Archive for the ‘design’ Category

12 Steps To Professional Web Design

Posted by CDowd on May 12, 2008

Found this article and thought I’d share. I agree with pretty much all of this. Definitely worth a read. Here it is.



Posted in articles, design, web standards | Leave a Comment »

Impressive Flash Sites

Posted by jrosero on May 12, 2008

I found these pages from a site I included in my final project. They list some flash sites which are creative and are designed real well. As soon as the semester is over I think I might look at making something as interactive as one of these sites for fun.



Posted in design, fun stuff | Tagged: , , , | Leave a Comment »

Web Developer’s Field Guide

Posted by CDowd on April 14, 2008

This is an amazing list of pretty much everything you ever wanted to know aboot web dev, all in one convenient location. The Web Developer’s Field Guide.

Posted in design, useful tools, web standards | 6 Comments »

Liquid Resize Photoshop plug-in: resize an image without traditional geometric limitations while minimizing distortion

Posted by killerkulture on April 9, 2008

Liquid Resize will allow users to resize an image without traditional geometric limitations while minimizing any distortion that would typically result from changing the original aspect ratio of an image.
It’s a free plug-in for Mac and Windows, beta testers are encouraged to participate.


Posted in design, webt143ewh | 1 Comment »

User Interface Guidelines

Posted by mashkenes on March 31, 2008

This article caught my eye. You can take what you want from the author’s views on Apple vs. Microsoft, but it was their UI guidelines – the article includes links to both of them – that I found most interesting. Whether you’re developing static web pages, full-blown fully-featured web applications or something in between, these sets of guidelines provide some worthwhile considerations and guidance.Mike A.

Posted in articles, design, usability, webt143ewh | Leave a Comment »

CSS Navigation Trick

Posted by CDowd on March 23, 2008


Yeah, it’s another top 10. I’m really only looking at Tip #10 this time. It’s a great way to get your navigation hi-lited on each particular page without having to recode the nav on every page of your site. I haven’t tried it yet, but I will on my personal site (which I am currently slowly redesigning anyway) and then I will update this post with the results. I’m hoping it’s a winner.

Posted in articles, CSS, design | 2 Comments »

Design Measurement Units

Posted by lbrow255 on March 17, 2008


I am searching the web trying to find a good unit conversion table for web & graphic design. Here is an article- I am not sure about the first half in reference to <big> but the rest about defining points or pixels is useful.


This article provides a more detailed description of the units.


Posted in 1, design, webt143ewh | Leave a Comment »

It made me think of Edward Tufte

Posted by mashkenes on March 3, 2008

The comment boksoira made on Dorian’s post (re free XHTML and CSS templates) concerning minimalist web page design winning over fancy, flashy, confusing design made me recall some of Edward Tufte’s ideas about information design. Tufte’s perspectives on visual information have always resonated with me, perhaps because what he has to say relates to the presentation of statistical information, an area of responsibility of mine for a number of years of my professional life. I was fortunate enough to have attended a couple of his remarkable day-long seminars; more information about Tufte and his seminars can be found at his website.

While Tufte’s concerns are larger than the web, he has much to say that is very right on about web design. To paraphrase him: never harm the content — the design should be based on the content, not the other way around. He puts a lot of emphasis on making small, subtle visual distinctions in design elements and rails against what he refers to as “chart junk” – over-busy grid lines, redundant overblown representations of the simplest data, the “debris” of computer plotting and the like. It’s easy to relate his thoughts to web presentation.

Tufte developed what he refers to as sparklines – intense, simple, word-sized graphics. I’m not sure if boksoira was talking about Flash when he said “flashy”, but there are good examples of Flash being used to present large amounts of data in a simple, small yet intense manner. A great illustration of that is what looks to me to be a sparkline-inspired graphic that ESPN uses to recap the progress of basketball games. The graphic is called “game flow”. A link to the one from today’s (03/02) Tennessee -Kentucky game is here. It’s down a little ways on the right side of the page. Click on the graphic to activate it. If the link is no longer viable when you’re trying it, just look for another recent recap of a completed basketball game on ESPN.

Posted in 1, design, personal insights, webt143ewh | 1 Comment »

Free XHTML/CSS Templates For Web Design

Posted by dnorth5 on February 29, 2008

I saw this while browsing on my email. It’s kind of cool you just download the css stuff and put it to work. They show you previews and all for it. You might even be able to upload your own onto the site.


– Dorian

Posted in CSS, design, webt143ewh | 4 Comments »

Embedding Flash In A Strict Compliant Environment

Posted by CDowd on February 22, 2008

Ever use those little embed tags to post flash? Well, they’re not compliant.

I have to build a website for my MULT 109 class, and since I’m in WEBT I decided that I would try to make every page strict compliant. Then I got to my flash game page. What a nightmare!!!

Anyway, I did an exhaustive Google search for an answer, and I found these articles:

The third article is the one I finally went with. It was a bit of a bear, since it involves javascript, and CSS for layout, rather than just a simple cut and paste embed script, but wow it works!

Here’s my Valid XHTML 1.0 Strict webpage for proof. There are a  couple of CSS issues I’m still working on, but the page is valid, AND the flash works in both Firefox and IE. I think that’s worth a little extra credit. 😉

Posted in articles, design, examples, javascript, tutorials, web standards | Tagged: , , , | 6 Comments »