20 Useful and Nicely Designed Web Applications

From WebAppers, a collection of sites that are not only useful for web designers/developers, but are great examples of web design, as well. A nice article, worth browsing.

20 Useful and Nicely Designed Web Applications »

Fresh Web Development Goodies Bag

Noupe has put together a collection of 30 extremely useful development tools, templates, generators, and security suggestions, hoping you are inspired to utilize these handy tools to make your life easier.

Fresh Web Development Goodies Bag » (Noupe)

10 Fonts You Can Embed with Cufon and sIFR

From Cats Who Code, a round-up of 10 nice fonts that are available (licensed) now for embedding in your websites.

Cufon, Sifr and Flir are very powerful tools for designers and developers: They allow you to embed any font in a web page. Though, you have to be careful with font licences. In this article, I’m going to show you 10 very good looking fonts that you can embed in your websites.

10 Fonts You Can Embed with Cufon and sIFR »

5 Extremely Simple ways to Add a Page Curl to Your Website

Page Curls are often a nice addition to a web design. Web Design Booth rounds-up 5 ways to achieve them.

5 Extremely Simple Ways To Add Page Curl To Your Website »

10 Creative and Rich UI Interfaces and How to Create Them

Site noupe.com has a nice article today, illustrating how to create some great interfaces using JS, Ajax and CSS techniques. A nice article, worth a read.

10 Creative & Rich UI interfaces & How to Create Them »

Exploring siFR Alternative Cufon

Cameron Moll (Authentic Boredom) takes an in-depth look at sIFR alternative Cufon for font embedding and declares it a "good interim step between sIFR and @font-face. Detailed instructions on how to set-up and work with Cufon and a great test page, as well. A nice article, worth a read.

Exploring Cufon, a sIFR Alternative for Font Embedding »

Grid Based Design Toolbox

Site Fuel Your Creativity has a great article today, with a round-up of a lot of resources for creating and working with grid based design tools. A great starting point and bookmark for grid design.

Grid Based Design Toolbox »

7 Fresh and Simple Ways to Test Cross-Browser Compatibility

Freelance Folder has a great round-up of online tools for designers and developers to test the cross-browser compatibility of their websites. And they're all free! Definitely worth browsing this list for some great resources.

7 Fresh and Simple Ways to Test Cross-Browser Compatibility »

Golden Ratio and Golden Grid

A couple of Golden links caught my eye today ...

The Golden Ratio Calculator is a handy online tool for calculating the Golden Ratio for columns in web design. OS X users can grab it as a desktop widget, as well.

The Golden Grid aims to be the perfect web grid with golden proportions, rule of thirds symmetry and more. Code for The Golden Grid on Google Code.

32 Indispensable Bookmarklets for Web Developers and Designers

Specky Boy has a great round-up today of web design and development bookmarklets that are worth browsing, as there were a couple nice ones I hadn't seen before. 32 Indispensable Bookmarklets for Web Developers and Designers » (Speckyboy Design Magazine)

15 jQuery Plugins to Fix and Beautify Browser Issues

DevSnippets has a great article today showing how to leverage the power of jQuery to battle cross-browser differences. Worth a read.

Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. That’s why today we wanted to highlight 15 jQuery solutions for the most common browser issues that you’ll encounter when building web applications among other jQuery plugins that will give you a nice browser effect.

15 jQuery Plugins to Fix and Beautify Browser Issues » (Dev Snippets)

Cufon Font Replacement

Cufón aims to become a "worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use." How cufon is different ...

• No plug-ins required – it can only use features natively supported by the client
• Compatibility – it has to work on every major browser on the market
• Ease of use – no or near-zero configuration needed for standard use cases
• Speed – it has to be fast, even for sufficiently large amounts of text

Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

Cufon - Fonts for the People ».

50 Best Web Development, Design and Application Icon Sets

Speckyboy has a great big round-up of the best icon sets for webdev, web design and applications. A great resource for icons, worth browsing.

50 of the Best Ever Web Development, Design and Application Icon Sets : Speckyboy » (speckyboy)

How to Design the Perfect List

Web Design Tuts has a comprehensive look at how to design html/css lists. The article details what a good lists is, showcases examples from websites and finishes with a nice list of list-making resources. A good read!

How To Design The Perfect List

Today's Good Links Round-up

1. The 100 Most Popular Photoshop Tutorials 2008 (Photoshop Lady)

2. From Six Revisions, a guide for giving your website a tune-up. 10 Ways to Improve Your Web Page Performance (Six Revisions)

3. A look back at the best of 2008 in the area of design.
2008 Most Popular Design posts, Tutorials and Resources (noupe.com)

4. Absolute Columns (24 Ways)

As the title implies, we are indeed going to be discussing columns today—more to the point, a handy little application of absolute positioning that may be exactly what you’ve been looking for…

5. How to Master Photoshop In Just One Week (Elite by Design)

So you want to master Photoshop huh? You’ve come to the right place. This is the first part of a three part series that will help you to master Photoshop in and out in just one week. Today’s part is all about getting to know the basics of the program and how to operate the complex software - nothing amazing, but you need to crawl before you can walk!

5 Resources and Tutorials for Web Design

1. 350 Retro and Vintage Photoshop Brushes (Designm.ag)

2. Top 75 Best Design Resources of 2008 A collection of the best and most useful design resources of 2008. (Toxel.com)

3. 19 Must Have, Free Christmas Resources A round-up of Christmas related design resources, photoshop brushes, vectors and more. (Smashing Apps)

4. 25 Photoshop Tutorials for Web Designers Photoshop tutorials, geared towards web designers. Tutorials include full web page templates, navigations menus, headers and more. (Six Revisions)

5. Top 30 Photoshop Text Effectors Tutorials of 2008 Round-up of some of the best Photoshop text effect tutorials of 2008 with a chance to vote for your favourite. (Speckyboy)

gridr buildrrr: grid-based layout generator

If you like grid layouts, check out the probably poorly named but handy tool gridr buildrrr. Gridr buildrr is a quick tool for creating layout grids, with control over gutters and margins and drag-and-drop placeholders for advertising units.

gridr buildrrr

SmartMarkUP: Markup Editor and Platform

SmartMarkUP is a "lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs. SmartMarkUP doesn't depend on any other JavaScript library and can be integrated with any already existing JavaScript library or code."

SmartMarkUP Universal markup editor and platform!

16 Useful htaccess Tricks and Hacks for Web Developers

Online Marketing Blog has a nice article outlining some htaccess tricks useful for web developers.

The .htaccess files (Hypertext Access file) is a very powerful configuration tool on Apache web server. The Apache web server has a number of configuration options that are available to the server administrator. The .htaccess is a simple ASCII text file placed in your website root directory. You can create and edit an .htaccess file using a text editor like notepad.

16 Useful .htaccess Tricks and Hacks For Web Developers

50 Most Beautiful Icon Sets of 2008

noupe.com has rounded-up a great collection of the best free icon sets of 2008, worth a look. 50 Most Beautiful Icon Sets Created in 2008.

Resources to Improve HTML Forms

Woork has a nice round-up today of resources for improving HTML forms worth a look. Useful resources to improve the look and features of HTML Forms.

More CSS Cheat Sheets and Lotsa Web Dev Links

All Web Design Resources has a big round-up of CSS Cheat Sheets worth browsing for CSS beginners.

30 CSS Cheat Sheets & Quick Reference Guides.

Also worth a look, this really big list of web dev links from Web Designer Heaven. You'll find lotsa links for things such as fonts, stock photography, cheat sheets, color tools, patterns, icons, tutorials and more! Bookmark worthy.

The Grid System

The Grid System is the "ultimate Resource in grid systems". If you've wanted to learn more about using grids and grid systems in web design and development, this is a great place to start.

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

The Grid System

24 Ways is Back!

Every year for the past 3 years, 24 ways has brought a little geek to the holiday season. Each day for the month of December, they will publish a "daily dose of web design and development goodness to bring you all a little Christmas cheer."

24 ways: 2008

The Rest of the Best Links of the last few days

From Digital Labz, a nice article on web developer "best practices", well worth a read. 18 Rules the Best Web Developers Follow .

NETTUTS asks Are You Making These 10 CSS Mistakes?. You'll just have to read it to find out!

Feng-GUI will help you to "find out how people see your website, photo or ad and which areas are getting the most attention".

Typography Served, a goldmine of typographic inspiration.

Let jQuery Corners help you easily create beautiful rounded corners with no images or obtrusive markup.

Ten Web Development Tips I Wish I'd Known Two Years Ago

From hackificataion.com, a nice article detailing 10 web development tips.

A couple of years ago I started doing more and more web development and web design, and less and less desktop development. Here’s a few things I wish I’d known then:

Ten Web Development Tips I Wish I’d Known Two Years Ago

120+ New Tools for Web Development

Mashable.com has a nice round-up today - a Web Development Toolbox, featuring over 120 resources and tools for web development. Worth browsing for new finds!

Web Development Toolbox: 120 New Tools for Web Development (Mashable.com)

208 Retro Photoshop Patterns

From Well Medicated, a look at "retro" patterns for web design. In this case, retro being only a couple of design trends ago ;) A nice collection though and worth checking out.

208 Retro Photoshop Patterns.

How to: CSS Large Background

Web Designer Wall has a nice How-to today, showing how to implement a large background image into a CSS design.

In this tutorial, I will provide various CSS examples on how you can create a large background site using either a single or double images.

How to: CSS Large Background

18 Creative Examples of Typography and Paragraphs

From Divitodesign.com, a look at creative examples of typography and paragraphs in web design.

The paragraph is a subject many webdesigners doesn’t even look at when they design a website and therefore they keep their paragraphs simple. But with some more attention to this part of typography we could improve the look of our whole site.

18 Creative Examples of Typography & Paragraphs

Weekend Link Round-up

Scripts and Coding

1. From Bulletproof Box35 Essential jQuery Tutorials, Code Chunks and Plugins for Designers.

2. From devSnippets, 22 JavaScript Frameworks.

Web Design and Development

1. From Design Reviver, 5000+ Color Gradients Sets for Photoshop.

2. Find some tips and tricks for great logo design at 45 Rules for Creating a Great Logo Design.

3. From "You The Designer", get some blue web design inspiration by browsing this collection of blue based website designs. 25 Refreshingly Blue Website Designs.

4. Not new but worth re-visiting for a comprehensive look at the use of colors in web design. Colors On The Web.

5. From Smashing Apps, 11 Free and Helpful Web-based Tools that Every Designer May Want to Know.

6. 22 Free Fonts from MyFont, a round-up of free offerings from Myfont.com at Fudge Graphics.

7. Again, not new, but worth revisiting for the motherlode of cheat sheets. The Cheat Sheet of Cheat Sheets. Top 100 Lists of Web Development Cheat Sheets.
.

8. From Web Designer's Interviews, a round-up of some of the best web design podcasts out there this year. 10 Great Web Design Podcasts of 2008

CSS

1. From devSnippets, 23 Free CSS Frameworks.

2. From divitodesign, The Paragraph and Typography Guide looks at using CSS to style paragraphs.

3. Site Friendly Bit demonstrates how to highlight the current element using a yellow fade technique using CSS and a simple image. (No javascript required). Yellow Fade with CSS and a Simple Image.

4. Explore CSS Based design and be inspired at CSS Based.

5. From Dev.Opera, a CSS method for numbering. Automatic Numbering with CSS Counters

Useful Cheat Sheets for Web Designers

Site Six Revisions has a great round-up of cheat sheets today - everything from Photoshop, to hex colors, to special characters. Well worth a browse!

Useful Cheat Sheets for Web Designers (Six Revisions)

Construct Layout Generator

Construct Your CSS | Based on Blueprint & jQuery | By Christian Montoya

Construct is visual layout editor based on Blueprint & jQuery, that makes it fun and easy to visually layout new designs. See immediately how your site will look. Tweak it, then click "Construct It! to grab the html/css.

5 Photoshop and Illustrator Brushes Sets for Web Designers

Woork has a nice round-up of some handy Photoshop and Illustrator brushes. These would all be useful for any web designer and a great addition to the design toolbox.

5 Photoshop and Illustrator brushes set for web designer (Woork)

Amazing Web Development Articles of the Summer

For anyone who has been out enjoying the summer and not necessarily keeping up on the best web development articles out there, Janko At Warp Speed offers up a great round-up of the best of the season. Well worth a browse!

Amazing web development articles of Summer 2008 (Janko At Warp Speed)

A List Apart: CSS Sprites2

A List Apart revisits CSS Sprites and revises it with the help of popular JavaScript Libraries like jQuery, creating some great results for bringing some animation into a page without Flash.

CSS Sprites2 - It's JavaScript Time (A List Apart)

Today's List of Lists Round-up

Today's round-up of lists, totaling an even 100 goodies ...

From Hongkiat.com, part 2 of a nice collection of nice Photoshop Photo Effects, worth browsing. 30 Nicest Photoshop Photo Effects, Part II.

From noupe.com, 40+ CSS/JS Styling and Functionality Techniques for Form Elements.

From Arbent.net, 30 Tutorials That Will Teach You Illustrator, in case you're looking to learn.

50 Must-Read Resources for Incredible Web Design

If you want to make sure you're reading the sites you should be reading if you want to follow web development and design information, check out this big list of site suggestions. It could only be better if it included etc. ;)

50 Must-Read Resources For Incredible Web Design (Elite by Design)

Cheat Sheets for Front-end Web Developers

Site Six Revisions has a nice round-up of a lot of web dev cheatsheets, for everything from html/xhtml, css, to a variety of flavours of Javascript.

Cheat Sheets for Front-end Web Developers

Useful Bookmarklets for Web Designers and Developers

Site Techzilo has a nice list of web dev bookmarklets worth browsing for potential new finds.

Useful bookmarklets for web designers and developers

Website you shouldn't have missed in June 2008

And more stuff we shouldn't have missed ... a nice round-up from noupe.com, just in case.

Websites you shouldn’t have missed in JUNE 2008

60 Not to be missed webdev articles from June 2008

Worried you might have missed some good stuff in June? Web Builder Zone has rounded-up 60 of the best articles from June. 60 Not To Be Missed Web Development Articles - June 2008 Web Builder Zone

50 Nice Clean CSS Tab-Based Navigation Scripts

Hongkiat.com has collected over 50 CSS Tab-based navigation scripts, in a variety of styles . I always find these list useful as a reminder of some of the options out there for site navigation.

50 Nice Clean CSS Tab-Based Navigation Scripts

30 Essential PDF Documents Every Design Should Download

From Positive Space Blog, a nice collection of PDF resources for web designers. The collection includes Resources, Web Development and Programming, Presentation, Freelancing and Income and PDF Collections. A nice list of resources worth browsing.

30 Essential PDF Documents Every Designer Should Download

20 Photoshop Tutorials for Web Designers

From Design Reviver, a round-up of 20 Photoshop Tutorials that will be of interest to web designers. 20 Excellent Photoshop Tutorials for Web Designers.

handy Designer's Tools On the Fly

Another nice list from noupe.com today, this one featuring a round-up of handy tools you can use "on the fly" in your design process. A nice list, worth a browse for some new finds.

Whether you’d like to generate css layouts, create vector images, format or optimize CSS code, generate patterns- you can use dozens of tools to make your life easier. Today we wanted to share with you a comprehensive list of more than 15 online tools that will really make your life easier and on the fly.

Handy Designer’s Tools “On The Fly”

300+ Vintage Style Textures and Photoshop Brushes

From Design Reviver, a really big round-up of vintage style textures and photoshop brushes for web design.

Vintage design, when done well, can make a user feel like they have been transported back in time. This particular style often uses design elements that look like they were found in the attic of an old house dating back to the 1920’s, 30’s, or 40’s. If you have a project coming up that requires this type of design, here is a big roundup of textures and Photoshop brushes ...

300 Vintage Style Textures and Photoshop Brushes | Design Reviver

71 Gradient Resources for Web Design

From Vandelay Website Design, a nice round-up of all things gradient related, including tutorials, generators, resources and more.

71 Gradient Resources for Web Design

15 Tools to Help You Develop Faster Web Pages

Site Six Revisions has a nice round-up of 15 free, useful tools to help you "create and sustain high-performance web applications".

15 Tools to Help You Develop Faster Web Pages - Six Revisions

40 Free Web Template Resources

Anyone looking for web templates might like to take a browse of this large list of 40 free web template resources.

40 Free Web Template Resources

Ajax Daddy

Ajax Daddy is a large collection of "nifty web 2.0 demos." Simply browse through the various script demos and pick out just the right effects for your site.

AjaxDaddy - Ajax Examples in Action

Nice Comparison Chart of Lightbox Scripts

If you're looking for a lightbox script and want to get a head start on narrowing down which one might fit your needs, then head on over to this nice resource. This comparison chart lists a number of popular lightbox scripts, along with useful information such as the script size and Javascript Library it uses.

The Lightbox Clones Matrix

20 Useful Tools to Make Web Development More Efficient

From site Six Revisions, a nice round-up of web dev tools and utilities to help developers create websites more efficiently. Worth a browse.

20 Useful Tools to Make Web Development More Efficient

100+ Open Courseware Collections for Aspiring Web Developers

From website Web Hosting Unleashed, a nice round-up of online resources for learning web development.

If you're looking to break into the web dev industry, start your own development and design business, or learn a few new skills to remain a competitive force in your field, you don't necessarily have to go back to school and pay for an expensive degree. The Internet is full of free tutorials and collections from top universities and well-respected websites to train you in areas like web design, graphics and imaging, programming and coding, multimedia, connecting with your audience, and even learning freelancing and entrepreneurial skills to help you grow your business.

100 Open Courseware Collections for Aspiring Web Devs (Web Hosting Unleashed)

Button Padding Comparison Demo

From website Design Detector, a nice demo/comparison chart of how input buttons are rendered on various browsers and OS. A handy chart worth a look for understanding how buttons can be rendered differently.

Buttons Padding Demo

The Web Developer's SEO Cheat Sheet

From website SEOmoz today, a nice resource for optimizing websites for Search Engines. The Web Developer's SEO cheatsheet is an excellent reminder/checklist for any web developer who wants to maximize their SEO. Definitely downloading (PDF) and keeping handy.

In an effort to return to my roots, I spent the majority of the day compiling what I believe to be the mother of all technical SEO cheat sheets.

The Web Developer's SEO Cheat Sheet (SEOmoz)

12 Websites that Slide and scroll with javascript

A nice article with links to some great sites that make use of javascript powered scroll or slide effects. Worth browsing and checking out the linked sites for some great examples of how to use these effects.

ｻ 12 websites that slide and scroll with javascript (Web Design Marketing Blog)

jQuery, Mootools and more

Whatever flavour of framework you prefer, I think there's something for everyone in this collection of recent articles and tutorials:

37 More Shocking jQuery Plugins (noupe.com)

41 of the Best MooTools Ajax Examples (specky boy)

21+ Beautiful Javascript and Ajax Image Galleries (ntt.cc)

Nice Animated Menu Using CSS and Mootools (woork)

Slide out and drawer effect with jQuery (jQuery for Designers)

Scriptaculous Effects Compilation Ready to Use (woork)

Most Useful 50 CSS Tips and Tools for Webmasters

Site Emma Alvarez has a nice collection of CSS Tips and Tools, worth a read.

The style of a website is defined by the CSS. CSS describes text fonts, if images must have borders or shadows, etc. Simply changing the CSS styles, you can change the appearance of your website completely, without changing the contents (text, images...). For changing the CSS styles, there's no need to be an expert webmaster, as there are tips and tools that can ease this task.

Most Useful 50 CSS Tips And Tools For Webmasters (Emma Alvarez)

Top 15 Inspirational Typography and Font Blogs

Website Specky Boy has a nice round-up of 15 Typography and Font blogs. Well worth browsing for some type inspiration.

It is very easy to design a great looking site, but more often than not we forget/ignore good typography styling and practices. These sites below offer great advice, tips, inspiration and to be honest a damn good read.

Top 15 Inspirational Typograhy and Font Blogs | Speckyboy - Wordpress and Design

How to Optimize Your Site for Speed

A nice article from site Jonathan Hedley, detailing how to optimize your site for speed. This is a nicely detailed how-to article, well worth a read.

Does your website load as quickly as you — and your users — would like? If not, here’s a detailed set of proven guidelines aimed at improving the speed of your site.

How-to: Optimize your site for speed - Jonathan Hedley - Live from Sydney

Get Slick with MooTools Kwicks

How to create a nice graphical navigation with MooTools. A nice article including all the code needed to make your own.

Get Slick with MooTools Kwicks

DebugBar: IE Testing Browser

DebugBar is a free web browser tool, that allows you to have the rendering and javascript engines of all versions of Internet Explorer, to test web site rendering across the various versions.

DebugBar is an alpha release, so expect some bugs. Looks like a nice little tool for easily testing display during web development.

My DebugBar | IETester / HomePage

960 Grid System

Are you someone who likes to design websites using a grid system (or wanting to learn how to)? The 960 Grid System is a complete package for designing a grid-based website. The downloadable package includes a PDF graph paper, to sketch your design, through templates for either Fireworks, OmniGraffle, Photoshop, or Visio for designing and the CSS framework with demo HTML for coding the layout.

A nice resource for streamlining grid-based design.

960 Grid System

How to Completely Test Your Website

Website Digital Inspiration has a nice article today, detailing how to completely test your website. The article explains how to check how a site renders in different browsers, it's load time, accessibility and basics of validation. A good read.

How to Completely Test Your Website

Related: Want to know how your site looks on an iPhone? From site Creative Tech Tips, Test Your Website on Apple's iPhone Simulator.

101 Five-Minute Fixes to Incrementally Improve your Web Site

Now here's a nice list of quick fixes any of us can do to improve our website. Makes for a nice checklist of things to do!

A webmaster's work is never done. What may have worked a few years ago when could be outdated today, so it's important to constantly improve your Web site. However, a massive overhaul is just too much work to undertake at one time. Instead, tackle these quick fixes over time, and you'll be able to improve your Web site with minimal pain.

101 Five-Minute Fixes to Incrementally Improve Your Web Site ( Inside CRM)

100+ Resources for Web Designers

The big list has been popping up everywhere, but one nice thing about them is tht there is bound to be something new in a list that big! Worth browsing for that reason.

100 Resources for Web Developers (BlogWell)

jQuery Tutorials for Designers

Web Designer wall has a great tutorial that will walk through how to use the jQuery framework in web designs. This tutorial is especially nice since it's written especially for designers. A great and information article, worth a read.

jQuery Tutorials for Designers (Web Designer Wall)

Beautiful CSS Form

This tutorial explains how to design a Facebook-style form using clean CSS design. Works cross browser, as well.

woork: Beautiful CSS Form (woork)

How to highlight search results with Javascript and CSS

Want to aid your site visitors who arrive at your site via search? This bit of Javascript and CSS will highlight the words or phrases on your site that were used in the search.

How to highlight search results with JavaScript (Eriwen.com)

37 Great Ajax, CSS Tab-Based Interfaces

A nice round-up from noupe.com, featuring over 37 ajax, css tab interfaces for web design and development. Worth a look see for a nice collection.

37 Great Ajax, CSS Tab-Based Interfaces (Noupe.com)

Fighting Form Spam with CSS

Looking for a simple solution to fight form spam? CSS Globe offers a way to make a captcha using simple CSS background images.

Messy and distorted text can be annoying to users, that it can prevent them from posting a comment. One more thing that can make to think twice when it comes to using some of the existing captcha solutions, is the fact that you can't control their appearance. Generated images can be, well - ugly! To a delicate designer soul that can be even greater issue than spending time every day moderating comments. So how about we call CSS to the rescue.

Fighting Form Spam With Css (CSS Globe)

Enhance your Web Development Using Web Developer Extension

For those who aren't familiar with the wonderful Web Developer Extension for Firefox, website sixrevisions.com has a great overview of how to use this extension in web development.

9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension.

Dummy Text Generator

Tired of the same old Lorem Ipsum? Looking for more than just text? Dummy Text Generator offers 10 styles of filler text, in any number of characters, words or paragraphs. It goes one step further though and allows the user to set font-family, weight, style, size and more css properties and then spits out the necessary CSS code for you. It can even put the p tags in your paragraphs for you! Nice tool, worth bookmarking.

Dummy Text Generator | Lorem ipsum for webdesigners

Top 100 Web Development Cheat Sheets

From website Virtual Hosting Blog, a nice collection of web development cheat sheets, everything from client site to server side to blogging and more. A nice resource!

The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Cheat Sheets

Use Your Own Fonts: A Simple sIFR Guide

sIFR (Scalable Inman Flash Replacement) has been around for a while, to replace basic web fonts with any font for things like headings and titles. If you've been thinking about using it buy just haven't taken the leap yet, you might like to read this simple guide to getting started with sIFR.

Use Your Own Fonts: A Simple sIFR Guide.

Want to try it but don't have Flash? Try this handy, dandy utility that will convert TrueType fonts to sIRF Flash files.

Top 25 Icon Resources for Web Designers

Icons are one of those things that are always a nice addition to a web page and free, icon resources are always welcome. Website speckyboy.com has rounded up 25 nice resources for free icons, including a couple that were new to me. Worth browsing.

Top 25 Free Icon Resources for Web Designers

The 50 Most Popular Web Design Posts of 2007

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007

The past year has been an amazing period for those wishing to learn the ropes of design, whether you're a noob just getting into the game or a seasoned designer or programmer. As we enter 2008, let's take a look back at some of the most popular articles, resources, and tutorials that helped those who toiled away on the web everyday.

A nice list, worth a look!

Color and Typography in Good Design

Another great article from COLOURlovers, Color Design Blog / Color and Typography in Good Design, that looks at how color and typography can combine in web design in good or bad ways (such as the low contrast example image posted above).

Typography is a significant issue for designers. On many projects, finding just the right font, size, spacing, etc. can require considerable time and attention. In addition to typography, color is also a major factor in the success of the design. What is sometimes overlooked is the combination of color and typography and the effect that it has on the overall project.

A great read!

Design Bookmarklet

Design Bookmarklet puts a suite of web-design and development tools just a click away.

The Design Bookmarklet features a grid overlay tool, ruler tools, measurement tools and a crosshair tool to assist in alignment.

Handy!

47 Excellent Ajax CSS Forms

47 Excellent Ajax CSS Forms is a nice round-up of Ajax CSS form solutions.

Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.

Worth a read.

Typographic Contrast and Flow

Design site Web Designer Wall has a nice article on web typography, in Typographic Contrast and Flow.

... most online readers don’t read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader’s attention to the important messages and at the same time enhance the visual appearance.

A nice article, worth a read.

Silk Companion Icons

Silk Companion Icons - a re-working and addition to the very popular, original set of Silk Icons from FamFamFam, free to download and use.

Nice, Free Mini Icons to Download

Quality Mini Icons - a nice set of mini icons free to download and use. Thanks for sharing!

Ensuring Your HTML Emails Look Great and Get Delivered

A nice article on Vitamin today - Ensuring your HTML emails look great and get delivered.

With the release of Outlook 2007 earlier this year using the Word rendering engine instead of Internet Explorer, my recommendations just don’t make the cut any more. I’ve decided to revisit my original suggestions and bring them more in line with today’s baseline. I’ve also had a good look at the feedback and comments from the original post. Getting your email to look good is only one piece of the puzzle, so I’ve dedicated the second half of this article to recommendations on how you can improve the chances of your emails actually getting delivered.

Worth a read if you send HTML email or you think you might someday.

Wufoo Form Gallery for Web Developers

Wufoo HTML Form Template & CSS Design Gallery "is a resource for web developers and designers to help get a head start on data collection with forms."

Simply find a template or design you like and you can download the XHTML and CSS files to use in your web sites or add it to your Wufoo account to customize and use.

297 Helpful Links for Webdesigners

297 helpful links for webdesigners is a great big collection of web design links, which is not only useful but easy on the eye, as well (and you know we can't say that about all link collections!).

A worthy webdesign bookmark for links to a lot of resource links.

Webmaster Essentials Checklist

Webmaster Essentials Checklist - a nice list that aims to "show you best online tools that you can use to check, improve and enhance your website for accessibility. This is an essential 10 point checklist for a modern webmaster."

List includes some tools that are probably well known to most but also some likely to be new. Worth a read.

Tips for creating great web forms

Tips For Creating Great Web Forms - a nice list of things to think about to make your web forms great, including not doing it yourself and using a form generator (such as WUFOO) instead.

Worth a read for some great tips and introduction to some of the ready-made form solutions out there.

15 Tools to Make Your Site Printer Friendly

15 Tools to Make Your Site Printer Friendly compiles links to 15 useful tools and articles about how you can make your site printer friendly.

Worth a look if you (like me) have neglected this part of web development.

Tips for Creating Great Web Forms

Website CSS-Tricks offers up some great tips for developing web forms. Tips For Creating Great Web Forms details some very useful suggestions for use in your web forms, complete with code examples.

Well worth a read.

How to Minimize Your Javascript and CSS Files for Faster Page Loads

How To Minimize Your Javascript and CSS Files for Faster Page Loads - a nice round-up of various methods for Javascript and CSS compression to shrink these files and help pages load more quickly.

What Beautiful HTML Code Looks Like

What Beautiful HTML Code Looks Like is a great read, chock full of HTML code writing "best practices".

I have an addiction. I can’t help but view source on every nice looking website I see. It’s like if you had x-ray glasses that allowed you to see any person you ever saw in their underwear at will. How could you not?

It’s just so tempting to see if a beautiful website is built with beautiful code as well, or if it’s beauty if only skin-deep. Code? Beautiful? Sure. After all, Code is Art.

A great article, worth a read.

Web Site Optimization: 13 Simple Steps

Web Site Optimization: 13 Simple Steps [Apache & IIS Configuration] is a very informative article which outlines things that can be done at the server level (Apache or IIS) to optimize any website.

Well worth a read.

Making a PayPal Form Tutorial

If you've ever wanted to accept PayPal payments on your site, Website Freelance Switch has a great tutorial that will show you how to set up a form to accept PayPal payments.

ｻ Making a PayPal Form Tutorial.

Preventing Spam without captcha

Preventing spam without captcha | freecodesnippet.com details how to use a special form input field to trick the spammers.

(Unfortunately, link points to dugmirror as original site is down. Next article from freecodesnippet - "How to Digg Proof Your WordPress Blog").

Tabs, Used Right

Tabs, Used Right is the latest Alertbox from Jakob Nielsen, featuring 13 design guidelines for tab controls. Worth a read for consideration for implementing tabbed interfaces.

10 Tips for Budding Web Programmers and Designers

A nice round-up of tips from website aclevercookie.com - 10 Tips for Budding Web Programmers and Designers. Of course, these are tips for budding designers but even those more experienced might benefit from the reminders.

Elements of Web Design and Development

I found myself with a number of tabs open that all seemed to center around the theme of Web Design and Development, so I thought I'd wrap them up in one, neat post.

Interaction Design Pattern Library - patterns in interactive web design, with examples and explanations.

89 Community Sites for Webmasters - a round-up type post of some useful online sites for Webmasters.

Typography: Tools and Techniquestof the Trade - another round-up post, this time dealing with web typography and typography in general.

Flickr photoset of Login Form Design - a visual round-up consisting of screen captures of various login form design elements.

LogoLounge.com 2007 Logo Design Trends - lots of nice logo designs with some thought about the common themes and current trends.

30 Free CSS Based Navigation Menus - handy reference to ready-made CSS Navigation Menus and a couple of menu generator tools, as well.

How to Speed up your website

How to speed up your website outlines 50 tip and tricks for delivering a speedier page for your users. Some nice ideas and worth a read.

How to Develop Web Sites for Both Internet Explorer and Firefox

Those Cross-Browser Blues: How To Develop Web Sites For Both Internet Explorer And Firefox - an excellent article that looks at designing and developing websites that will work and look properly in all browsers.

"In the following pages, I look at six major issues that developers should keep in mind when trying to create sites that work properly across all browsers, and provide some possible solutions as well: Quirky Implementations Of Layout Functions, Proprietary IE-Only HTML Tags, JavaScript And Automation, ActiveX, User Interface And Keybindings and Planning For The Future."

For anyone who has ever designed a website and struggled with this (or should have), this is a worthwhile read.

10 Free Web Analytics Tools

A nice round-up article from Read/WriteWeb, 10 Free, Innovative Web Analytics Tools.

Each resource listed includes a brief description and all are free so you really can't go wrong!

Cheat-Sheets a Plenty

Cheat Sheet : All Cheat Sheets in one page - and they do mean "all". Cheat sheets, round-ups, quick reference cards for everything from AJAX to Yahoo.

Definitely a bookmark-worthy resource.

125 Code Snippets for Web Designers

125 Code Snippets for web designers is a compiled list of links to useful code snippets that any web designer might find a use for.

Not new resources, but handy to have them compiled in one large list. Worth a bookmark.

Effectively Testing your Website in Multiple Browswer

"As a website designer you have the ability to create an attractive and functional design. Unfortunately, you do not have the ability to control which internet browsers will be using to view your site. Because each browser behaves differently you will need to test your projects in multiple browsers."

This article, from Vandelay Website Design, outlines some of the ways you can test your website design in multiple browsers, as well as links to articles and resources on cross-browser website testing.

Effectively Testing Your Website in Multiple Browsers

Home Sweet Home: A look at the modern homepage

A great article from Design and Development blog Vitamin - Home Sweet Home. "There’s no place like home…page. Paul Boag gives us 4 ways he works with clients to understand the value — and kill off the myths — of this century’s homepages."

A good read.

Browsershots: check your site in different browsers

Test your web design in different browsers - Browsershots shows you what your site looks like in different browsers. Just select the browsers, the screen size, with or without Javascript and more and then you'll get all the screenshots you need to know what works and what doesn't.

Sometimes the wait can be a bit long (like tonight) but you can just bookmark the results page and return to it later to see your results.

A really great tool for website testing!

XRAY: browser tool to help designers and developers better visualize their code

westciv :: XRAY web developer's suite "is the first in hopefully a suite of free cross browser tools for helping web designers and developers better visualize what their code is doing in a browser. XRAY is designed to help you get beneath the skin of your web page."

To use, simply drag the XRAY bookmarklet to your bookmarks or bookmark toolbar and start XRAY-ing your pages.

120+ Web Development Resources

The good folks at Mashable never fail to serve up really large and useful lists. Their latest is over 120 Web Development Resources.

"As rewarding as web development is, it can also be a pain sometimes, especially if you spend half your time looking for the right tools and resources. Well, we’ve done the work for you with this one, and have compiled a list of over 120 web development resources to make your life easier. "

Web Development Toolbox: 120 Web Development Resources

Using YSlow to optimize websites

YSlow is a great new Firefox Addon (for use with the Firebug Addon) that analyzese web pages and tells you why they're slow based on the rules for high performance web sites.

After website owner at mentalized got a not so great grade of F when he rans YSlow on his own site, he decided to do some optimizing and brought it up to a C. You can read about how he did it at Using YSlow to optimize websites

100 Web Design Tools, Resources and Templates Sources

The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources is a great list of web design tools that are open source.

Definitely worth a read.

Simple ways to help your design suck less

Simple Ways to Help Your Design Suck Less - a nice article, outlining some of the small and simple things that you can do to improve your site designs, such as font choice, padding and colour choices.

A good read.

How to move from Blogger to WordPress and maintain permalinks and traffic

Tech blog LAZH has a great article on how to move from Blogger to WordPress while keeping permalinks and hence, traffic. I know there are a lot of bloggers that started out on Blogger and now feel stuck for fear of losing the traffic they have built, so this is a great solution!

Move From Blogger To Wordpress and Maintain Permalinks And Traffic

5 htaccess tricks every webmaster should know

5 htaccess Tricks Every Webmaster Should Know is a quick listing of some basic htaccess entries that should be in any webmaster's repertoire.

If you'd like to learn more about htaccess, check out the Ultimate htaccess Guide.

A Guide to URL rewriting

Pretty URLs - a guide to URL rewriting is a great article that explains the why and how of creating pretty urls.

Fighting Spam with CSS

Fighting Spam with CSS details how to use CSS and some php to stop form spamming.

"The idea here is setting up a form with a text field and via CSS making it invisible. Then, if a post is sent to a php script handling the request and that text box has information in it, that means a human didn’t fill it out, and the script is simply aborted."

A nice idea that should work well to stop a lot of spam.

Test Everything: website testing tools

test everything — 100 tools in one! is a collection of a variety of web testing tools together on one page.

A handy web dev bookmark.

Pagination 101

Pagination 101 is a basic primer on the best way to implement pagination on a site.

A great article as honestly, I'd never given the best way to do pagination much thought.

Using Spreadsheets to Brainstorm Grid Layouts

"Designing with a grid is becoming more and more common as a standard approach to designing a website. When designing this site I discovered a tool to aid in pixel calculation and proper proportions that proved highly valuable."

Using Spreadsheets to Brainstorm Grid Layouts shows how you can easily use spreadsheets (such as MS Excel or Open Office) to design different grid layouts.

A great idea and a great read, particularly using the spreadsheet to automatically figure out your page's pixel size!

How to Design your own WordPress Theme

How To - Design Your Own WordPress Theme - for anyone who has wanted to do it but didn't know where to start! This looks like a good tutorial that starts with the author's own blank WordPress Theme.

Don't be thrown by the first paragraph in German (I think). The rest of the article/tutorial is in English.

Grade Your Website with 31 Free Online Tests

Grade Your Website: 31 Free Online Tests

"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."

A good variety of links to some useful self-evaluation web tools.

Vector Icons in 5 Colours

165 Vector Icons, Now in 5 Colours - a really nice set of vector icons, available for download in blue, green, red, white and black.

You can grab the files as jpegs, Adobe Illustrator CS2 Files or svg and they are free to use for any type of use.

PNG Overlay How-to

PNG Overlay is a great article that explains how to use an overlay mask to apply a common display to images on a website, such as with rounded corners and dropshadow.

"Basically, it involves creating a transparent PNG overlay which can be used as a mask / frame around regular JPEG or GIF. This way, a typical CMS installation can be configured so users can upload photos without having to worry about using any graphics program to apply filters. Even if you are already a whiz with graphics, it will help save you time."

How-to, examples and overlay download included with the article.

Design by Grid

Design By Grid "is a resource to promote websites designed with grids, and the tools and techniques used to make websites with grids."

A great site to learn more about grid based web design.

Rediscovering the Button Element

As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. And it’s unfortunate, because then we’re reduced to the tedious tasks of opening up Photoshop every time we’re in need of a new button. What we need is something better—something more flexible and meant for designers. Lucky for us, the solution already exists and all it needs is a little love. My friends, let me introduce you to my little friend : the button element.

A nice article with code examples for producing a great resulting button.

Rediscovering the Button Element

Make Your Site Mobile Friendly

From the good folks at Vitamin, a comprehensive "how to" Make your site mobile friendly.

"The number of people who might view your site while clutching a screen measuring anywhere from 100 pixels to 640 pixels in width increases daily. Creating mobile-friendly content is quickly becoming less of an occasional add-on and more of a standard practice. This article will take a look at how you can create mobile-friendly content, how you can test your work, and offer a few tips for writing CSS for the media type handheld."

A great article and a worthy reminder that mobile friendly content shouldn't be an afterthought.

The 13 Worst Web Hosting Companies

"Website down? Email messed up? Tech support asks you to pray for the server? Every webmaster has been ripped off and hurt by a bad web hosting company! Most of us are bald from ripping our hair out while waiting for tech support to pick up the phone!"

Know which web hosting companies to avoid, at Web Hosting Unleashed's The 13 Worst Web Hosting Companies.

And for some help in finding the best of the bunch, check out their database of over 1700 web hosting companies, rated by users.

The Definitive Guide to Semantic Web Markup for Blogs

"You’d think that as a result of open-source development practices, blog architectures would be pretty close to perfection in areas like Web standards and maximum SEO impact. You’d be wrong."

The Definitive Guide to Semantic Web Markup for Blogs - a guide for iimproving your blogs mark-up, whether it's WordPress, Movable Type, TypePad or any other blogging software.

A great read for anyone who blogs and wants better mark-up for semantic reasons and better search engine results.

43 Web Design Mistakes You Should Avoid

43 Web Design Mistakes You Should Avoid - a comprehensive list of "things not to do" when designing websites. Worth a read for anyone who builds websites.

A couple of Web Dev Links

What happens in Quirks Mode in web browsers? Quirks Mode "is a mode of operation of web browsers such as Internet Explorer (IE), Firefox, and Opera. Basically, Quirks Mode (also called Compatibility Mode) means that a relatively modern browser in­ten­tio­nal­ly simulates many bugs in older browsers, especially IE 4 and IE 5. The purpose of Quirks Mode is to make old pages to display as their author intended."

No margin for error - a look at margins and padding and how they can render differently in different browsers.

Web Site Icons

Websiteicons - a collection of free icons for web developement, free for personal/non-commercial use.

"When I made my first site, I found it very hard finding 'high quality icons' for free. Therefore I came with this idea, why not give people the chance to download nice icons for free. I've contacted many authors, and they all agreed that we may use their icons for personal use."

Lots of Free Icons

Crystal Clear - Wikimedia Commons - 300 free icons available for a lot of webdev and design uses.

How to properly use the ALT and TITLE attributes

ｻ Proper Use of ALT and TITLE Attributes - a good why-to that will clear up any confusion as to which to use, how to use it and why.

35 Designers: five questions answered

35 Designers x 5 Questions answered = a must read. Some really good stuff here and well worth heading over to Smashing Magazine to check it out.

Pull-quote Design Showcase

Web design blog, Smiley Cat has put together a really nice Pull-quote Design Showcase, with a number of different design ideas.

"Not only do [pull-quotes] call out important content, but they can also be used to break up content on the page and provide additional visual interest."

You can check out the example pull-quotes and view the source to see how each is built. All the examples are based around the blockquote tag and don't use any images.

Principles of Beautiful Web Design

Sitepoint has published an excerpt from the book "The Principles of Beautiful Web Design" that is a great read for anyone interested in the subject.

"Anyone, no matter what level of artistic talent he or she has, can come up with a design that works well and looks good--all it takes is a little experience and a working knowledge of some basic layout principles."

The Principles of Beautiful Web Design

Chosing the right font for the job

DesignersMind: Choosing the right font for the job!, a great read on chosing fonts.

"Designers spend a large portion of their work time contemplating the aspects of text and/or font. In order to help understand the importance of font, ask yourself “What differences are there between the font and text of professional designs as opposed to low quality work?”. "

The article outlines the three things to look for in making the right font choice for your project.

ShadedBorder: JavaScript Round Corners with Drop Shadow Script

ShadedBorder - JavaScript Round Corners with Drop Shadow - a script to easily generate rounded corners, drop shadows, glow effects for links, borders with different widths and full support for liquid designs.

This script seems to have taken rounded corner etc. scripts to the next level, fixing many of the annoyances of previous versions and is worth a look.

Redesigning the ExpressionEngine Site

Digital Web Magazine - Redesigning the ExpressionEngine Site is a really great article from the (re)designer of the ExpressionEngine site, with a detailed look into the design process.

If you haven't seen the redesign, head on over to have a look at ExpressionEngine before reading the article.

A Roundup of great links for Developers

A Roundup for “Developers, Developers, Developers…” - a great collection of links to useful software and services for the web developer. Many would be well known to most people but there are a couple that were new to me.

For those of us who aren't into large scale web development, the suggested tools under the "Miscellaneous Tools" offer some really great choices. A couple that caught my eye that were new to me were CSSFly, for temporarily editing CSS (and html) on the fly on a public site in real time. (Firefox only) and ready.mobi a tool for getting information on how your site might perform on a mobile device.

A great article with lots of useful links. Worth a read!

Jquery Corner Gallery

JQuery Corner Gallery is a JQuery based method for generating a number of different corner options - rounded, beveled, notched, dog-ear and more.

Features include the ability to change the width and height of the corner effect; apply different effects to different corners of the same box. In addition, no special markup is required. The display falls back to regular old square corners when Javascript is off.

Tabmenu: javascript tabbed information menu

Download Tabmenu for free, complete with the javascript, css and html needed to produce a Tabmenu such as the one at Kollermedia's "About this Site" in right sidebar.

Seems to work pretty well and it's a nice way to display a lot of information in a small amount of space.

Collection of Web Design Tutorials

Web Design Tutorials - 12 of them to be exact. Nothing earth shaking here but some solid web design basics that makes for a handy resource.

Tutorials include CSS Custom Underlines and Curly Quotes, Making Image Maps with CSS, Revealing Accesskey info and more.

Developer Cheat Sheets Links

The Developer Cheat Sheet Compilation - list of links to a bunch of cheat sheets on the web from command line, to programming, web dev to hex colour charts and ascii codes.

8 Web Design Tactics to Help You When You're Stuck

8 Web Design Tactics to Help You When You're Stuck

"Web design can be incredibly frustrating. You'd think that with the infinite possibilities of what-goes-where it'd be pretty easy to land a design that works, yet somehow we've all been stuck before: working hour after hour on a design that refuses to look right. Throwing away pixels like they're going out of style."

We've all been there! A good article with some great ideas for how to get out of a design rut.

Access by Design Online Book

Access by Design Online the unabridged, online version of Access by Design: A Guide to Universal Usability for Web Designers, by Sarah Horton, published in 2005. You’ll find the complete text and illustrations from the printed book as well as links to other resources and tutorials on the subject.

An excellent resource and definitely worth reading.

Tingelets: Bookmarklets for Web Developers

tingelets – Bookmarklets for Web Developers. Free, cross-browser and instantly available from your browser's bookmark bar.

" When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s)."

Ultimate htaccess examples

Ultimate htaccess Examples - just as advertised, a great collection of htaccess snippets .

Tips for a New Website

If Only Id Known! (Tips for a new website) is an excellent read! A valuable resource for those new to building websites and a great checklist for those that have been at it a while.

The article has a lot of valuable CSS information aimed at helping new website developers from taking css shortcuts or just plan using bad code to achieve effects.

A worthwhile read!

Bookmarklets, Favelets and Snippets

Bookmarklets, Favelets and Snippets - what ever you call them, these little code snips are a great way to get things done fast. I have a whole folder of them on my toolbar.

This is a great list of some of the more popular ones out there, nicely sorted into categories for us.

Quick CSS Mockups with Photoshop

A List Apart: Articles: Quick CSS Mockups with Photoshop outlines "an easy way to produce mockups with Photoshop, prepare them for the web with ImageReady, and clean up the code afterward."

Another useful and detailed article from the List Apart folks.

Web Developer's Big

The Web Developer's List of Resources

Use PHP to automatically update your copyright year

Creating an Auto-Updating Footer Date shows how easy it can be to use a bit of php to automatically update the year in page footer copyright statements.

Of course, your pages need to be able to parse php. A comment to the article shows how to do it with Ruby as well.

Top Ten Mistakes in Web Design Updated for 2006

Top Ten Mistakes in Web Design (Jakob Nielsen's Alertbox) - the yearly installment o the top ten things that are considered the most egregious offenses in the world of web design. Always worth a read.

Make your pages load faster by combining and compressing javascript and css files

rakaz - Make your pages load faster by combining and compressing javascript and css files - presents an interesting technique for taking all those javascript files (prototype etc) and the various css files and combining them/compressing them with a bit of php and htaccess magic.

How to protect your website when someone steals your content

How to Protect Your Website Copyright When Someone Steals Your Content details how to find out if someone is stealing your content and if they are, what your options are to protect your property. Good read.

Lots and lots of web design links

Web Design Tools - all nicely categorized and ranked by popularity, so the best tools float to the top.

Endihm: free web development guide database

Endihm is "a resource for articles, guides and tutorials focusing on CSS, HTML, Javascript & PHP. We let the users submit their own tutorials but we also publish our own content."

Some good stuff here already and worth checking out and keeping an eye on.

Sparkl.us: the web designer's search engine

Sparkl | The Web Designers Search Engine - powered by Google CSE and boasting over 1400 hand-picked sites for the best web design results for your search time.

Marking up a tag cloud the right way

24 ways: Marking Up a Tag Cloud. "Everyone's doing it. The problem is, everyone's doing it wrong".

So you might want to check it out to see how it should be done.

Essential reading list for web designers and developers

"Ever wonder what the superstars of web design, development, accessibility and usability are reading? I asked each of the Refresh Orlando speakers to select three essential books for their discipline."

I think this is just about the best "essential" reading list I've seen and well worth a look for some reading suggestions.

Essential reading list for web designers and developers

Microformats Icons

Microformats (wikipedia on microformats) now have some great icons to help highlight microformat content available on a site. Download the set at Microformats Icons -- The brilliant work of Wolfgang Bartelme

Ultimate htaccess

AskApache: Ultimate htaccess Article - a great read and worth bookmarking. I love the htaccess snippet he uses when he's developing a site, which sets up access for only those who need to get at it while it's under development.

How to insert one html page into another html page instead of iframe

Insert HTML page into another HTML page when you want to code XHTML Strict and can't use an iframe. Nice technique and handy to have in the webdev toolkit.

Stupid htaccess tricks

Stupid htaccess Tricks that, despite the title, is quite a useful collection of "things you can do with .htaccess" files.

Anatomy of a Drag and Drop

Anatomy of a Drag and Drop - Snook.ca takes a look at the mechanics of a drag and drop effect using Yahoo's YUI, Mootools and script.aculo.us.

For anyone interesting in starting out with these effects libraries, this is a great start as it thoroughly explains the principles at work and how to implement it.

Beginners guide to .htaccess

Beginners guide to .htaccess file with examples - a great primer on beginning with htaccess and understanding what can be accomplished with this server file.

Google Tech Talks

Google's TechTalks videos are a great wealth of (free) tech knowledge. Stay on top of newly released videos by subscribing to the Google Tech Talks RSS Feed.

Testing the 3-click rule

Conventional wisdom says that if users can't find what they are looking for at a website within 3 clicks, they will leave (and presumably never return). Testing the Three-Click Rule takes a look at this theory and comes to some interesting conclusions, proving that users are much more determined that anyone realized!

Super-Easy Blendy Backgrounds

A List Apart: Articles: Super-Easy Blendy Backgrounds - a neat technique!

"Create a PNG that’s blended from transparent to white, use it as a background image, and rely on the background-color style to provide the other half of the blend."

I love ready A List Apart Articles. It captures the problem to idea to testing to solution process so well. And the rest of us can just benefit from the solution!

Set your own standards: keep your mark-up consistent

Setting your own standards; Keeping your mark-up consistent - Blue Anvil Journal - a great read.

" Website coders often find themselves working on a variety of web sites, and when starting out, and learning new methods and techniques everyday, the mark-up used can often be messy, random, and inconsistent."

This article outlines how you can set your own standards, create re-usable bits of code and why you'll benefit from doing so.

How to Build a Search Box for your site for Firefox 2 or IE7

Build a Search Box for Firefox 2/IE7 is a how-to build and offer up a search box add-on for your site. This is the search tool that is integrated in to the browser itself (where Google search lives). Add this tool to users is just another way to help them easily find information on your site.

Webmaster Resources

Resources for the webmaster/website builder - a nice list of tools for anyone who builds websites, from domains, to html, to color tools, to mailing lists. And more.

Top 10 Domain Name Tips

Looking for Money on the Web - Top 10 domain name tips - is a good list of things to think about when thinking about buying a domain. I think the tips are right on.

One caveat though regarding using GoDaddy as a registrar. They are fine. I use them myself. Just be aware that if you park your domains there, they will create landing pages with them and make money off your domains. That really bugs me. I always point my domains at my own server as soon as I register them, even if I don't plan on developing them right away.

Bulletproof HTML

Bulletproof HTML: 37 Steps to Perfect Markup is essentially a FAQ about html and is an excellent resource for beginners or those trying to perfect their markup skills.

IE7 final released, time to stop procrastinating

The IEBlog announces IEBlog : IE7 for the World and I guess that's my cue to start addressing the reality of IE7 in wide use (yes, I'm seriously guilty of procrastinating on this!).

IE7 final is available for download now on the Microsoft site and according to the IEBlog, will be pushed to users through Automatic Updates a couple of weeks after it is available for download. The IEBlog also helpfully outlines the changes in IE7.

To install IE7 for testing and retaining IE6 for testing, there is are some IE7 standalone solutions here and here.

Of course, once installed, the time comes for addressing rendering issues in IE7, while keeping the site in one piece in IE6 and earlier versions, as well as all the other browsers out there.

The consensus seems to be that Conditional Comments are the way to go. The always useful Position is Everything takes a look at CSS Hacks and IE7 and offers solutions for 'going legit'. If you've been a heavy user of the Star * Hack (guilty!), Wither the Star-HTML hack? is a useful read. And also at PIE, PNG Drop Shadows is a good read for taking advantage of IE7's PNG support.

Some more good reading for IE7 preparedness training ...

CSS Hacks
Easy CSS Hacks for IE7
Solving the IE7 CSS Problem
Stop Hacking, or be stopped
IE7 Resources and Information at css-discuss
Clearing floats without structural markup

Finally, I stumbled across this IE7 Quick Reference cheat sheet, which might be useful for some.

That's it for now. I have proclaimed this my personal "check my sites in IE7" day. Taking deep breath ...

Icebrrg: web forms made chillingly simple.

Icebrrg - HTML Web forms, surveys, and invitations made chillingly simple

Create contact forms, job applications, event registrations, surveys or just about any other form you can imagine. Icebrrg handles all of the code and data collection for you.

Web Development Resources for Beginners Part Two

A List Apart: Articles: The ALA Primer Part Two: Resources For Beginners. Part Two of ALA's web development primer resource list.

Create an online store with WordPress

From serialdeviant, a walkthrough on how to Create an online store with WordPress. I'm not a WordPress user, but this looks like a fairly easy way to set up a shop and maintain it with the familiar interface of WordPress.

Tubetorial

Tubetorial - step-by-step video tutorials for online success.

Offerings are limited at this point. The site is just getting rolling. So far Blogger Law 101, Selling a Niche Information Product, How to Build a Profitable Home on the Web.

One to keep an eye on.

How to correctly insert Flash into XHTML

How to correctly insert a Flash into XHTML looks at a better way to put flash into documents, that works cross-browser, doesn't rely on JavaScript and displays alternate content is the Flash plugin is absent.

PHP Style Changer

PHP: Style Changer | Mike’s Experiments | MikeCherim.com - offers up another PHP style changer script. There are a number out there, including one I linked to just recently at 456 Berea St., but choice is always good!

Understanding Apache htaccess

Understanding Apache htaccess - a really indepth guide to understanding htaccess, written in pretty plain English, too. The final page lists some useful example htaccess directives.

Flow text around irregular images: a how-to

From the good folks at A List Apart, A List Apart: Articles: Sliced and Diced Sandbags which explores how to flow text around irregularly shaped images.

Web Developers List of Resources

The Web Developer's List of Resources is a new site, with a decent amount of links, but no where near the number of links on the Web Developers Handbook (my bookmark of choice).

Web Developers Resources is probably worth a look anyway. I usually find one or two links I didn't know about on these lists.

Base href tag

The Base Href Tag explained.

By adding a base href tag to the head of a document, this tells the browser that all links on the page are relative to that base href location.

This is particularly handy in the event you hard code site links and you decide to change domains. Rather than change all the links in the documents, you can just change the base href.

The article also shows how to achieve a similar result using .htaccess.

htaccess tips and tricks

.htaccess tricks and tips.. part one: tips, tricks, hints, examples; juicy .htaccess information.. - a great starting point for understanding what htaccess is, what it does and what we can do with it.

BrowsrCamp Launches!

A very valuable web development tool launched today. From the makers of SafariTest, where all us Windows users go to test our design on MacOSX comes ... BrowsrCamp.

Now, you can test your design in a whole raft of browser sims, through a VNC client. Although not free, it is a very reasonable $2 for 24 hours of access, and allows you to test your design on just about every browser on MacOSX, as well as testing your javascript, flash etc.

If you absolutely, positively want to make sure it works on MacOSX, this is a very valuable tool.

The Scrutinizer: 157 Ways to check your website

Home | The Scrutinizer - 157 things you can do to your URL - from validation to socialization, a whole bunch of tools to test your site against.

Web Developer's Handbook gets an update

After seeming to be inactive for awhile, the Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. gets an updated look and link cleanup.

8 steps to serving better (X)HTML

Tantek's Thoughts — 8 steps to serving better (X)HTML a great read from an authority on the subject!

Box Model Tests for Web Design

Advanced box model test Part One and Part Two - a roundup of all modern browsers' abilities to render under the two different box models.

Very useful for understanding how different browsers render code and coding accordingly.

Print Stylsheet Tips

Standards for Life: Some Print Stylesheet Tips. Often overlooked but important part of webdev, particularly for sites that are likely to be printed out.

Using a Background Grid Image for Web Layout

Not a new idea, but a continuation ... using a premade grid image as a background while laying out a web page. A how to and downloadable grid image at Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design

Zoom Zoom Zoom Script for enlarging website text

Zoom Zoom Zoom uses javascript to swap stylesheets to increase regular text and also swaps out text images via Phark image replacement technique at the same time for a nice whole page solution to text sizing.

HTML's a Tag Too

HTML’s a Tag Too. Powered By Avalonstar. - a worthy reminder for anyone who plays with code of the value of using the html tag.

Free Web Form Templates

The Form Assembly - Free Web Form Templates - a great starting point for many types of web forms.

Anatomy of a Website Redesign

Sunhome redesign for 50 Redesigns book - a look at a website redesign with a great walkthrough of the considerations, changes etc leading to a great result, imo!

4000 Web Development Links

Ultimate Web Developer Lists : 4000 Web Development Links in 200 Topics - wowsa. That's a lot of webdev links!

Snipplr

Looks like Snipplr - Code 2.0 was discovered before it was quite ready, but it looks like a promising resource if you like to collect snippets of code (css, php, javascript etc).

Mike's Experiments

I stumbled on Mike’s Experiments today and found all sorts of goodies!

Map Pop - a nice image map/pop-up experiment that works nicely.

JS Slideshow - always nice to have some new slideshow options.

Photo Showcase Script - I like it!

Widgetoko

Widgetoko | Your daily dose of widget-y goodness (Who helpfully provide their site description automagically. Must find out how they do that!

"Widgetoko tracks new and popular site widgets. Delivered with a blog-a-liciously fresh flavour, for you to gobble down on a daily basis. "

Misunderstood Web Standards

9 Ways to Misunderstand Web Standards is a good read, with a look at ways designing with web standards may be misunderstood and hence, done incorrectly.

Prettier Accessible Forms

A List Apart: Articles: Prettier Accessible Forms - spruce up and open up your forms - a how to from the list apart people.

Redirect a web page the smart way

Steven Hargrove: How to redirect a web page, the smart way - nice "how-to" article on the dos and don'ts of redirection.

Top 10 Web Developer Libraries

Top 10 Web Developer Libraries - Cameron Olthuis - a listing of some good web dev library resources.

Ron's Guide Web Dev Tutorials

Ron's Guide - Free Webmaster Resources is a really nice and well organized group of tutorials for css/html beginners and for more advanced developers who might be looking to learn PHP or javascript.

What users hate most about websites

Anyone who develops websites is also a web user, no doubt, so it's surprising how many sites contain things that annoy their users. Perhaps it's just too easy to forget in the midst of development.

What users hate most about Web sites offers a great list of reminders!

Ruler WebDev Tool

Airbag - Ruler. - is a handy website troubleshooting tool. Use the ruler gif as a background image to test between browsers and see who's adding more than they should!

From the comments, other useful, similar tools - JRuler and the ever handy, Web Developer Extension (under Misc > Display Ruler).

Scrutinizer

I had to check and see if I'd posted this one already or not. Seems I posted a similar site though. I like the Scrutinizer though. It does a great job of presenting a great variety of website "checkers", all nicely grouped depending on what your priorities are. Bookmark worthy.

Home | The Scrutinizer

Bad Ideas of Web Design

I love articles lik these. It's always useful to be reminded of what to avoid in webdev and see if I can get through the entire list without being guilty of any of them!

Christian Montoya - Bad Ideas of Web Design

Webdev with Safari

I am not a Mac or a Safari use, but if you are ...

Web Development with... Safari : journal : hicksdesign

Sloppy

Anyone who spends all their webdev time with a broadband connection can easily lose touch with the reality of dial-up. Sloppy is a tool that uses a slow proxy to simulate the dial-up experience regarding page/image loading etc. A valuable addition to the webdev toolbox!

Sloppy - the slow proxy for dial-up modem speed simulation (slow down)

Accessibility Color Wheel

Not sure if your font color is dark enough on your background? Check the readability with the Accessibility Color Wheel

Serving JavaScript Fast

Vitamin: Serving JavaScript Fast - outlines a method using php to serve up javascript fast.

Web Workflow

It's always interesting (for me, anyway), to see how someone else goes through the process from idea to completed design. This article, from AprilZero, documents his workflow (a 16 year old, btw!), to great results.

April Zero | Web Workflow - Part I

About Url

Tools for everything you want to know about a site domain, all on one page. Check validation, SEO tools, browser compatibility, load time etc.

Leapfish Domain Resource Center

LeapFish.com Domain Name Resource Center - all things domain name, including a tool that analyzes domain names and spits out a "value".

Sidewalk Website Form Creation

Sidewalk, The easiest way to gather and analyze customer information - easily, creates web forms and then takes the resulting information and organizes it for you.

Montastic, Free Website Monitoring

Montastic: the free website monitoring service - want to know when your website goes down? Or up again? Montastic offers to monitor your site and let you know. For free!

Lotsa WebDev Goodness at Yahoo Developer Network

The Yahoo Developer Network is quickly becoming a treasure trove of WebDev information. I particularly like the CSS Tools - CSS Page Grids, CSS Fonts and CSS Reset, which are great resources to incorporate into any webdev project. The Yahoo! Design Pattern Library is worth a visit as well.

WebDev Handbook

Web Developer's Handbook: developing web-sites, exploring imagination | CSS, Color Tools, SEO, Usability etc. - gets a facelift and an update. A must-have bookmark.

Standardizing Web Addresses with htaccess

Daring Fireball: Using .htaccess Redirection to Standardize Web Server Addresses - the solution for unifying www and www-less domain addresses.

Browsersize

browsersize.com - a handy tool for adjusting your browser window size when testing web designs.

Total Tutorial

Photoshop Tutorials, Flash Tutorials, Programming Tutorials and Web Tutorials - Home - Total Tutorial - Total Tutorial reboots and gets a nice new look. A great repository of webdev, graphics etc. tutorials.

Postable Makes Code Friendly

Postable | Making your code friendly - Postable is a neat little online resource for encoding your code for web display, for example. A handy bookmark for anyone who likes to post code. Just paste in your unencoded code and postable makes it friendly.

Using javascript to open new windows

Using javascript instead of target to open new windows | 456 Berea Street - instead of using the target attribute.

gotAPI

gotAPI.com :: Reference Lookup Servicequick look-up tool for html, css, JavaScript, PHP, XML, Ruby, Perl and more ...

.htaccess Password Generator

Dynamic Drive: .htaccess password generator - handy tool, bookmark worthy.

ThinkVitamin

Vitamin - A resource for web developers, designers and entrepreneurs - is now live! Looks great, reads well and may very well become the go-to place for some really solid webdev information!

How to Design for Different Browsers

How to Design for Different Browsers is a pretty comprehensive look at designing for different browsers. They'll need to add a new chapter for IE 7 though.

Simultaneous Cross-platform CSS testing

write stylesheets simultaneously - hmmm. Interesting idea. Add a few lines to your CSS when developing and easily check the design in various browsers without the save, reload routine.

How to Print Selective Page Sections

Blog Standard Stuff - How to Print Selective Sections of a Web Page using CSS and DOM Scripting - I can see quite a few situations where this might be useful. Bookmarked for future use.

AJAX Activity Indicators

AJAX Activity Indicators - lots and lots of them!

XHTML Character Entity Reference

XHTML Character Entity Reference - handy, nicely laid out for quick reference and much prettier than most!

PHP for Beginners

PHP for Beginners - By a Beginner - PHP: Getting Started - a great beginners guide for anyone like me who keeps meaning to learn this! Also looking useful, Recommended PHP Reading List.

MapSurface

mapsurface.com lets you "see" how visitors got to your site and what they did once they got there. In theory, you can find much of this information in conventional logs but I think the way the information from mapsurface gets displayed above the page is what makes it really useful in analyzing a site's effectiveness.

Big List of Online Checkers, Generators etc.

141 Resources on Online Tools, Generators, Checkers @ Listible! - some I hadn't discovered yet, so worth a look I think. I nice comprehensive list of online tools for getting things done quickly.

Background Image Makes

Background Image Maker - a neat generator program that will whip up a gradient, striped, dotted etc. background image, for use in web design.

GreyBox - a pop up window that doesn't suck.

amix.dk : GreyBox - a pop up window that doesn't suck - very nice and indeed, totally free of suckage.

Lightbox Effect without Lightbox

The Lightbox Effect without Lightbox

13 Ways to Hide Your Email Address

hiding email addresses - Sarven Capadisli - some pretty basic and questionably effective, but still a few good options for hiding from spammers.

AjaxWhois

AjaxWhois.com - Instant domain name lookup and Whois - nice tool and a worthy bookmark for all your whois and domain name search needs.

Get the Web 2.0 Look

Naked IT Blog Archive 2.0 Culture - a great article that details the features that are the web 2.0 "look".

Comment Formatting Inspiration

Comment Design Showcase | Smiley Cat Web Design - a very nice collection of a variety of comment sections from blogs, useful as inspiration.

Sweet Title 1.0 (Final)

I posted about Sweet Titles previously (like nice title only ... sweet) Now refined and repackaged as version 1.0 - Sweet Titles Finalized

Bubble Tooltips

wg:Bubble Tooltips - fancy bubble-shaped tooltips, powered by a tiny javascript and CSS. I had to download the examples to actually see it in action. The example in the entry doesn't seem to be working.

More on those image outline links

maratz.com Outline property for image-replaced links - continued.

Multi-color sIFR

Multi color sIFR 2.0.1 - Supports a, strong, em and span elements.

Octopus Engine

Dragon Labs | Octopus Engine - "The Octopus Engine attempts to unify techniques for rounded corners, drop shadows, custom borders and faux columns, all in one pretty package. It’s an all-in-one, one in all approach, encompassing whatever effects one needs."

Not for the faint of heart, but it does bring together a number of tools that many are using already in their designs.

formArchitect

Free HTML Form Editor - formArchitect - not a wizard or a generator but an editor. Designed around standards, table-free and a nice interface. You'll need to know some form basics (or tour their handy tutorial).

Atuomatic RSS Feed Button Maker

Automatic RSS Feed Button Maker - It doesn't get much easier than this. Check the boxes for the button link ups you want. Enter your blog/feed information and grab the code to paste into your blog. Personally, I'd be saving the images on my own server, but that's just me.

Basic Webstandards Workshop

Basic webstandards Workshop - a great starting point for designing with standards and a great refresher for those already on their way there!

Web Devout

Web Devout - "aimed at improving the health of the Web by providing web developers and the public with the knowledge and tools needed to help the Web move forward."

Some useful information there, including some comprehensive tables on the CSS, DOM and html support of various browsers. A site to keep an eye on.

Collapsable Effects with Script.aculo.us

Collapsable effects with Script.aculo.us - just can't get enough these effects. This method seems to be nicely streamlined as well.

UDASSS!

24 ways: Introducing UDASSS! - Unobtrusive Degradable Ajax Style Sheet Switcher, allows a relatively easy way to serve up alternate stylesheets for your users.

SkillShare

CSS Beauty - SkillShare - All Discussions - New forum where users can share tips, information and ideas for CSS and design.

BlogIcons

graphicPUSH: Free icons and free icon sets for web designers. - offers some nice sets of icons. The Blog Icon pack is nice! Available in gray but graphicPush very helpfully offers up an accompanying tutorial on how to colorize them in Photoshop to your site's colour scheme.

domCollapse

domCollapse - script to collapse page elements.

Form Selects

Something New Part 1 - handling forms selects so they aren't so ugly.

AJAX Spell Checker

AJAX Spell Checking Script - I always have a need for something like this.

A geek advent calendar

24 ways - a new webdev tip every day leading up to Christmas.

Become a better Standardista

Muffin Research Labs - Become a better Standardista - great article with some really good points on refining web design with standards.

Free Icon Sets for your next website

famfamfam.com: Icons - good looking, a nice couple of varieties in style and best of all - free to use!

Open Web Design

Open Web Design - Home /\^/\ - spun off from the Open Source Web Design Project by the former administrator, it looks active and promising for design ideas and templates.

WASP Toolbar

WASP Toolbar for IE and Firefox. Check Whois, Alexa, Google Search and Pagerank all in one toolbar.

moo.fx

moo.fx - the next small thing - teeny, tiny, fast, cross-browser, easy to use javascript effects library. See it in action on the moo.fx test page.

10 Tips to a Better Form

10 Tips To A Better Form - whether as a primer or a reminder, Particletree offers up a nice walkthrough of things to consider when building web forms.

Image Switcher

Image Switcher - a bit of javascript and some CSS styling makes a nice display for images.

Treehouse

Treehouse - A Web Development Magazine - Inaugural issue available as a free PDF download.

Net2ftp

net2ftp - a web based FTP client - not a full-time solution but if you find yourself away from your regular computer/ftp program, it works great in get.

Web-Dev Bookmarks: The Maxi Edition

Essential Bookmarks for web-developers: maxi edition | Essential bookmarks for web-developers - bookmarks with brief descriptions to make it easier if you're looking for that certain thing.

Web Developer's Handbook

Wow! Nice collection of links here. Definitely bookmark-worthy. Web Developer's Handbook: developing web-sites, exploring own imagination | CSS, Color Tools, SEO, Usability etc.

Online Favicon Creator

Favicon Icon Drawing Program Online Free - a great way to create an icon or just play around.

Cheatsheets for Everything!

codebymatt.com - Web Design Cheat Sheets: Illustrator, Photoshop, etc. - a bunch of cheatsheets to grab, all in one place.

HTMLStamps

Twinsparc - HTMLstamps - a great idea. Download a set of HTMLStamps for your favourite graphics program and then use to identify the various page elements to aid in the mark-up process. Stamps for Illustrator, Photoshop, Fireworks and more!

IE Developer Toolbar Beta

Just to be clear, I think that Firefox and the Web Developer Extension is an unbeatable combination. BUT ... if you haven't made "the switch" yet, here's a Microsoft-made version - Download details: Internet Explorer Developer Toolbar Beta. Isn't it ironic? ;)

Chameleon

Chameleon: an icon set from SimpleBits that changes color - they cost money (only a little bit though) but they are really nice and you can whip up a set to match your site design exactly!

htaccess cheatsheet

The htaccess Cheatsheet - is a handy bookmark if you're like me and have to look these things up everytime!

TypeTester

Typetester – Compare fonts for the screen - good looking site and a very useful tool. Use this to test screen fonts and compare them side by side. Nice!

CSS Tables Gallery

Tables aren't dead. But they are prettier! - Data Tables and Cascading Style Sheets Gallery

TextSnippets

TextDrive Snippets Now this is neato! I have a file on my computer where I keep my own collection of snippets but this is a great idea - keep handy and share! Snippets available for every coding language you can imagine, css, blogging software, mysql and so on.

Zoom Layouts

Zoom layouts (Joe Clark: Media Access) - a collection of links about zoom layouts - reformating a page automatically so it's easier for a low-vision reader to read.

UFO

bobbyvandersluis.com | Unobtrusive Flash Objects (UFO) v1.0 - hmmmmm, this looks interesting.

Favicon Generator

FavIcon Generator - a pretty darned easy way, if you're looking for a favicon for your site.

Accessibility Toolbar

Accessibility Tool - Windows/IE only toolbar add-on for a quick check of website accessibility. [via dive into mark b-links]

404

Usability Lesson - 404 ERROR - Ultrashock.com. Usability! - 1976Design.com

Not your Lorem Ipsum

Tired of "Lorem ipsum"? The malevole - Text Generator offers an alternative. I think the author's a vintage tv fan ;)

Added: another - ungreek.

Commentblogger bookmarklet

Do you leave your best stuff in other people's comments? Do you forget where you comment so you don't get back to follow the conversation? Then the Yoz Grahame's Cheerleader: Commentblogger bookmarklet might be of interest to you. An interesting idea for collecting comment information for private or public consumption. Currently for Movable Type only.

Accessibility Techniques & Concepts

Techniques and Concepts - a nice round-up from WebAIM.

Quirksmode

QuirksMode - for all your browser quirks - covers JavaScript, CSS, Browsers and more.

Grid Bookmarklet

milov.nl : bookmarklet: !grid - overlays the current page with a 50 x 50 grid. Works in IE and Moz.

A List Apart

A List Apart returns with a new look and 3 new articles.

Accessibility Agenda

Accessibility Training Course, from the Accessibiity Internet Rally. Great resource!

Show Classes and IDs Favelet

Via web-graphics, markl.f2o.org's Show Classes and IDs Favelet (Bookmarklet). Apparently it only works in Mozilla/Firebird (and maybe others but probably not IE). Sure to become another indispensible tool!

htaccess generator

.htaccess generator

Edited: There seems to be some suggestion that the original link I posted might be a copy of code that originated here. In light of that, I'm just going to link to that version of the generator nstead.

Building Accessible Websites

The book Building Accessible Websites™ is now available online.

Nine Things to Make Your Web Site Better

Nine Things To Make Your Web Site Better is a nice round up of things anyone with a web site should think about.

I particularly liked in point one the reminder that not everyone is viewing your site on IE on Windows. When I made the switch to Mozilla/Firebird, I was shocked to learn that several of my regular blog reads were totally un-readable in Mozilla.

Web Page Analyzer

Found at meryl.net, a Web Page Analyzer, that checks the weight of your page and offers suggestions for optimizing it for loading speed. Also on that site, some great information on Response Time and Flow in Web Design.

Cynthia says ... accessibility!

Worried about your site's accessibility? Go see what Cynthia Says. Cynthia "is a web content accessibility validation solution, it is designed to identify errors in design related to Section 508 standards and the WCAG guidelines. The main purpose of this portal is to educate web site developers in the development Web Based content that is accessible to all."

[via Metafilter]

Edited to add this link: Some Accessibility Favelets/Bookmarklets from Accessify.com.

Whois View

WhoisView - a desktop Whois tool that's a small download and free. Handy tool.

Spooner.com

Spoono - The Mecca of Web Design has lots of goodies, from Photoshop, to PHP to HMTL, to fonts ... etc.

Bookmarklets

If you just love bookmarklets, you don't want to miss this one. milov.nl 1938: bookmarklet: !usedcolors extracts all the referenced hex colours from a web page/stylesheet and displays them in a separate window. Cool!


This site is excellent, if you want to know more about bookmarklets.

OpensourceCMS

opensourceCMS is a great resource, allowing you to log in to demos of some of the best php/mysql based free and open source software systems in the world and try them out (as an Administrator) before you go through the hassle of installing. You can check out b2, Gallery, phpBB, PHP-Nuke, Geeklog and many more.

[link found via this MT Forum thread.]

Accessify

Accessify.com - all the tools, links and resources you'll ever need to make your web site accessible. and since they've conveniently included all the information in their link, I'll say no more.

Photoshop Tutorials

Bookmark: //Planet Photoshop Tutorials

Table generating script

This script from scriptygoddess is very handy and I wanted to bookmark it here as well. While originally intended to generate tables on the fly for thumbnails in a photolog, I've found it can be made to work for a variety of uses, such as putting archive listings into columns etc, just by changing the MT related tags to the appropriate ones. Javascript and php versions are available.

Scriptygoddess Link

Guide to using htaccess

Comprehensive guide to .htaccess- intro is a great article for showing what can be done with htaccess.

Handy Reference Bookmarks

Here are some links to great pages to bookmark for quick and easy reference:

Colour Codes
Special Characters
HTML Cheatsheet
Browser Chart
Stylesheet Guide

Subscribe

Subscribe RSS
Subscribe by Email

Twitter

Categories

• Blogging
• Color Tools
• CSS Layouts
• CSS Navigation
• CSS Resources
• CSS Snippets
• Del.icio.us
• Design Elements
• Design Resources
• Digital Photography
• End of the Day Digests
• Everything Else
• Firefox
• Flickr
• Google
• Photoshop
• RSS
• Scripts and Software
• SEO and Marketing
• Tools and Generators
• Web Design
• Web Development
• Windows and Computing

Search etc.

About