The Icky Sticky: Master List of Great Web Design Links

[___]

A collection of all my web design & development bookmarks for your perusal.  These are intermediate to advanced topics, you won't find any "Intro to Web Design" here from me (but feel free to link your favorites in the thread!).

Spoiler: Snippets & Tutorials:

Photoshop:

(X)HTML:

CSS:
http://www.positioniseverything.net/art ... t/anyorder - Any Order Columns: "A method for keeping columns (or more precisely, blocks of elements [2]) logically ordered in the source while still providing the designer the ability to display them in any order whatsoever without the need for any additional non-semantic markup."

http://meyerweb.com/eric/css/edge/bargr ... table.html - Make vertical bar graphs using only CSS & semantic markup

http://www.alistapart.com/articles/acce ... ualization - Other handy CSS bar graph methods

http://www.quirksmode.org/css/clearing.html - How to make a container stretch to encompass floated elements (instead of collapsing behind them)

http://www.alistapart.com/articles/slidingdoors/ - A handy method for creating sexy lookin' tabs using simple CSS

http://www.standardsforlife.com/overrid ... mment-3000 - How to override inline styles from a linked stylesheet and thus save your beautiful design from idiots with WYSIWYG editors!

http://woork.blogspot.com/2008/03/perfe ... g-css.html - some easy to use pagination styles inspired by popular sites

http://www.thinkvitamin.com/features/de ... s-parallax - A really cool parallax background effect using only CSS rules
Javascript/AJAX:

PHP:
http://www.ibm.com/developerworks/xml/l ... p-flexobj/ - a dynamic database object (I actually wrote and extended version of this object with a built in iterator and some other nice features, I will try to post it here later, but props to the original -N)

MySQL
http://mysqldatabaseadministration.blog ... mysql.html - great article on different MySQL encryption methods.

Spoiler: Cheat Sheets & Quick Reference:

http://www.petefreitag.com/cheatsheets/xhtml/ - HTML & XHTML Cheat Sheet

http://www.dezwozhere.com/links.html - Tons of links to CSS articles (warning, lots of broken ones too)

http://www.positioniseverything.net/explorer.html - A great list of common bugs in IE6 and their fixes

http://www.apaddedcell.com/web-fonts - A table of screenshots of preinstalled fonts on Windows, Linux and Mac

http://www.wellstyled.com/tools/colorsc ... ex-en.html - The best color generator I've ever found, also has a feature that shows you what the color set looks with various forms of colorblindness (to check for accessibility)

http://slayeroffice.com/tools/color_palette/ - Another good color generator
http://typetester.maratz.com/ - an amazing tool for previewing and comparing any web font with various CSS styles applied (color, size, tracking a.k.a. kerning or letter-spacing, decoration, alignment, etc)

http://www.quanetic.com/regex.php - Test / debug your PCRE & POSIX regular expressions (so awesome!)

Spoiler: Development Platforms, Frameworks and Open Standards:

PHP
http://phpdoc.org/ - Home of PHPDoc, the standard for documenting and commenting PHP

http://book.cakephp.org/ - A PHP rapid development platform, greatly simplifies common tasks in web development - think Ruby on Rails for PHP

CSS
http://cssdoc.net/ - A draft for a PHPDoc - style documentation standard for CSS

Javascript
http://jquery.com/ - An excellent javascript library that implements CSS & XPath selectors in DOM navigation, focused on efficiency & clean code

http://prototypejs.org/ - Another popular javascript framework designed to simplify common tasks; bigger and not as flexible or efficient as jQuery but with a broader feature list

http://script.aculo.us/ - A library for creating dynamic presentational effects quickly & easily, an add-on to Prototype

http://dean.edwards.name/IE7/ - A javascript library that forces IE6 to behave like it knows web standards from a bump on its ass (warning, IE6's javascript implementation is buggy and shitty too, so there are occasional problems)

Standard Data Formats & Naming Conventions
http://microformats.org/ - home of the Microformats open data format standards

Spoiler: Fonts:

Free:
http://www.aenigmafonts.com/ - Great Selection of free decorative fonts

Free & Commercial:
http://www.astigmatic.com/ - Mostly decorative, seperated by theme

http://www.bvfonts.com/ - Lots of retro & handwritten decorative

http://www.fountain.nu/catalogue/catalogue_index.asp - mostly faux foreign alphabet & culturally themed

http://www.myfonts.com/browse/foundry/larabie/ - assorted fonts, mostly sans-serif and decorative

http://www.misprintedtype.com/v3/fonts.php - Excellent selection of distressed & oddball fonts

http://www.pizzadude.dk/home.php - funky, playful fonts

Commercial Only:

Did I miss anything good?  Post your favorite links here with a short (short!) description, if they look handy I'll add them with credit

[I'll finish filling this stuff out later, I have about twice this much but I'm out of time -N]

 

[e]

You did miss a couple of stuff. CodeIgniter is a great, simple framework for small-medium sized projects, with a very small footprint. It's made by the great folks over at EllisLabs. There's also Symfony, which is pretty good for large PHP projects.

Mootools is a great JS library based off Prototype (though smaller) for graphical effects and whatnots. Works great and is easy to learn.

Jeffrey Zeldman usually has some interesting stuff to say about RoR, standards and web design in general (ignore the stories about his daughter unless you're a parent yourself).

Good old Jack Daniels (not really) has a good number of useful cheat sheets, although some of them are rather weird.

Rubular is a great online tool to test your regular expressions on the fly. It's made for Ruby standards, which or more or less Perl's, so not exactly PCRE, but it's usually pretty good anyhow, and fast.

Patterns For PHP is a small wiki with examples and implementations of the different OOP patterns (GoF patterns mostly) in PHP5 (and 6, I guess...). I used to contribute, but haven't gone there a long time since no one showed much interest. Still, it has a couple of interesting stuff.

Douglas Crockford, the JavaScript breathing being also has some interesting stuff. On JavaScript. And Japanese.

GotApi is a small site which mashes up together different language APIs (HTML, JavaScript, PHP, Ruby, Java, C, etc.) into one seamless interface. It's not perfect, but it's a good quick reference.

There's probably a couple of other I check but I forgot; humbug.

 

[___]

Bitchin, thanks Eth.  As soon as I get some time I'll add those to the list along with the stuff that belongs in the blank sections.

 

[e]

A couple more:

GrayBit is a useful tool for professional web designers. It allows you to see how color blind people would most likely see your site (i.e.: without colors). A good tool, though not very useful for personal projects or projects which do not use color coded schemes.

UICheck is the one validating service. One with a capital O, I suppose. It checks for accessibility flaws, validates your CSS, XHTML, and so forth (if need be), checks spelling, loading time, links, WAI tests; in other words, any tests you can think of. It's an incredible tool for the professional or the perfectionist.

30 Ajax Tutorials : Want to learn AJAX? Want to be like all the cool kid and use nifty real-time page updates and data communication protocols (chicks dig that)? Max Kiesler went around and rounded up 30 great AJAX tutorials which are sure to get you started down the path of pimping, alcohol and drugs. If you can handle the heat, that is.

CMS Matrix : Wondering which CMS is better for you? CMS Matrix pretty much has the most exhaustive list of CMS and allows you to compare them off in any way you want. Drupal is the best, when it comes to pleasure.

ColorCombos : Wondering what color scheme your blog could use this time around, after the fiftieth redesign? ColorCombos has tons of premade combos, and even offers a robust tool to create your own using color theory (monochrome, amalgam, complementary, etc.).

Kuler : An Adobe service, Kuler is similar to ColorCombos...except without ads and a sleeker interface.

BlueVertigo : Need resources? Royalty free resources? Well, BlueVertigo offers tons of resources (logos, stock photos, fonts, etc.), some free, some paid, but most free. Free. Free. Free.

CSS : The Big 203 : Want to learn CSS? Want to get better with CSS? Want to just copy paste some CSS and have a nifty looking page? Well CBel.com has amassed 203, hand picked and beloved CSS sites about anything you might want to know.

20 Best Free Fonts : Self-explanatory, I guess. Highly recommended.

JavaScript : Easy App : 9 common and easy, tiny snippets of JavaScript for the average user; things that you want to do, simple stuff, but never got around to (i.e.: check all checkboxes).

htacc-what? : Ever wonder how to do nifty, friendly URLs? Most people use .htaccess rules with Apache, but rewriting URLs isn't the only thing you can. This is a neat cheat-sheet for the .htaccess Apache file. A good reminder.

 

[___]

Ah man I already wish I could give you permission to update this yourself ><

 

[alexanderpas]

http://www.ilovejackdaniels.com/cheat-sheets/ every cheatsheet a web-developper needs... and some more!

http://php.net/ Official PHP website

http://w3schools.com/ HTML explanation and tutorials

http://lovejoy.w3.org/ HTML validator

http://jigsaw.w3.org/css-validator/ CSS validator

 

[e]

Master list :

http://sixrevisions.com/resources/cheat ... designers/

 

[e]

Another cool site I discovered today:
http://24ways.org/

 

[___]

Oh yeah 24 ways is a handy one.