background preloader

Webdesign

Facebook Twitter

Colour and layout

Graphic/Web Design. Free source code for the taking. Over five million lines of prog. Vitamin - A resource for web developers, designers and entrepren. Vitamin Features " Creating Sexy Stylesheets. Lately, I have taken interest in discussing methods of creating sexy stylesheets. While CSS can be used to create sexy websites, writing CSS can actually be an artform by itself.

The way in which CSS is created, structured, and maintained can be a thing of beauty. So how does one create sexy stylesheets? What characteristics would your stylesheets have? A few months ago, I had the opportunity to present on this very topic at Web Visions 2007 conference in Portland, Oregon. 01. Linking and/or importing stylesheets would seem to be a no-brainer to the intermediate or advanced CSS developer, but I want to stress why this is so important. Imagine that you are working on an extremely large-scale website with hundreds of ways content can appear. Normally, this would have been a fairly simple task of updating the stylesheet(s). Don’t make your job harder than it really has to be.

NOTE: Be careful of adding too many linked and/or imported stylesheets in your markup. 02. 03. Reminders and notes. Grade Your Website: 31 Free Online Tests. If someone asked you at what grade level your site’s content was written, could you tell them? What about whether it was fully compatible with every major browser? How many seconds it took to load? Can you confidently state that there are no broken links on your site right now? Although it may seem unimportant to replace an Rich Text apostrophe with the HTML equivalent or to make sure your WHOIS record is perfect, the reality is that the more accessible and polished your website is, the greater chance you have to secure more readership, and, most importantly, more revenue. If you’re serious about maintaining a well-rounded, efficient website, the cheapest (and perhaps best) way to make sure you’re on the right track is self-evaluation.

To get you started, we’ve put together a list containing 31 of our favorite tools for “grading” your website. Code Validation The foundation for every website is fundamentally sound source code. Accessibility Speed Browser Simulators. Generate pseudo text to see how a page will look. Well, what is it? The best explanation that I have found is at the Straight Dope. It quotes Richard McClintock, a Latin professor turned publications director at Hampden-Sydney College in Virginia. Professor McClintock took time out of his day to email me. Nearly every article you read about Lorem Ipsum quotes Richard, as he made the discovery that Lorem Ipsum is a slightly mangled passage from Cicero. Thanks, Professor! Oddly, he likes his eggs scrambled (with a little cream cheese thrown in). If you're really curious, you may read the original Latin. If you don't speak Latin (who doesn't?) Latin Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. At vero eos et accusam et justo duo dolores et ea rebum. So what's the other stuff? Santiago writes: Silly Latin. The W3C Markup Validation Service. How to add a Google Map to any web page in 30 seconds.