Home  |  Blog  |  About  |  Privacy  |  Contact

Design


Inspiration Overload: 100 CSS Galleries You Need to Check Out

Wednesday, February 27th, 2008

By Jessica Hupp

Whether you’re suffering from designer’s block, or just want to see what your competition is up to, design galleries are an excellent tool. Fortunately, there’s no shortage of them available, and we’ve found 100 of the best.

Searchable

If you’re looking for a specific color, style, or genre, check out these organized and searchable galleries.

  1. CSS Gallery: Search this gallery by color, content, date, and more.
  2. CSS Warfare: On CSS Warfare, you can find and rank sites in a number of different categories.
  3. Design Grabs: Design Grabs features loads of different categories and tags.
  4. The Daily Slurp: This gallery has more than 15,000 sites to check out, searchable by color.
  5. CSS Vault: On CSS Vault, you’ll find monthly archives from 2003 to the present.
  6. CSS Mania: CSS Mania offers a gallery with more than 9,500 sites, all organized by topics.
  7. Design Creme: Find some of the best CSS and Flash sites online, searchable by category, tag, and engine.
  8. CSS Impress: Find exactly what you’re looking for in this site with easy categories and a great search function.
  9. DesignFlavr: DesignFlavr is ultra-organized, with colors, categories, rankings, and more.
  10. The Designed Tree: It’s easy to find designs in all sorts of categories on this site.
  11. InspirationKing: InspirationKing focuses on high quality sites, and offers an easy way to find them.
  12. One Star Gallery: In the One Star Gallery, you’ll find awesome sites categorized by color.
  13. CSS Daddy: The designs on this site are heavily tagged and easy to search.
  14. CSS Leak: Great design is easy to find on this site with color, rankings, and more.
  15. Web Design Gallery: Search the archives of this site by color and more.
  16. Designs Creme: On this site, you’ll find awesome designs and all sorts of colors and genres.
  17. Crossmind: Find designs by colors, elements, layout, type, and more.
  18. Design Shack: On Design Shack, you can find designs based on color, category, or layout, so you’re sure to find exactly what you’re looking for.

Resources

These galleries offer more than just a pretty face, with resources like tutorials, forums, and advice.

  1. CSS Elite: This site not only offers great designs in specific categories, but also resources like tutorials and plugins.
  2. CSSLove: This gallery has great resources, coding help, and blogging advice.
  3. CSSEM: Check out CSSEM for a great gallery, plus interviews, tutorials, and other resources.
  4. CSS Ultra: On top of a great gallery, CSS Ultra offers forums and articles.
  5. Boxedcss: This site offers highly-ranked design, aggregated CSS articles, and more.
  6. CSS Burst: This web 2.0 CSS gallery showcases innovative designers and great resources like software and education.
  7. CSS Website Gallery: This gallery not only has a ranked collection of sites, but a ranked resource collection as well.
  8. Cool Home Pages: Cool Home Pages has a lot to offer, with ranking, search, templates, stock photos, and a lot more.
  9. CSS Tux: CSS Tux features the best dressed websites, and offers resources to help you make your own site look better.
  10. Plastic Pilots: View great sites and awesome features on Plastic Pilots.
  11. NiceStyleSheet: This gallery is full of highly ranked sites, searchable by design style.
  12. No Resolution: On No Resolution, you’ll find a gallery of fluid and elastic CSS designs, as well as templates and forums.
  13. Webdigity: This gallery is just part of a very helpful design community.
  14. CSS Drive: Get news, community, and more from this gallery site.
  15. CSS Beauty: CSS Beauty is so much more than a pretty face, with news, jobs, and community supplementing their gorgeous gallery.

Ranked

See what others think of designs on these ranked CSS galleries.

  1. CSS Clip: On CSS Clip’s gallery, you can search and rank designs by color.
  2. CSS Moon: This slick site is full of high-ranked designs.
  3. Graphic Orgasm Ultimate Webportal: Find some of the best sites online with GOUW.
  4. Favourite Website Awards: The FWA features winning designs.
  5. Faveup: This site lets you “fave” high quality designs.
  6. CSS Creme: Find top rated sites on CSS Creme.
  7. CSS Gallery 2.0: Check out this site to find and rank CSS sites with Web 2.0 features.
  8. My3W: These sites are star-ranked, show views, and allow comments.
  9. CSS Snap: Check out CSS Snap for great design with easy ranking.
  10. CSS Gallery: In this gallery, you’ll be able to rank and search great designs.
  11. CSS Star: Rank and comment great CSS designs and more on CSS Star.
  12. Lookom: Lookom features a great search function and a critical ranking community.
  13. CSS Heaven: This gallery has it all, from corporate designs to portfolios.
  14. Hotwebber: On Hotwebber, you’ll be able to find and rank some of the best CSS online.
  15. CSSHive: Find and rank “dangerously hot” sites on CSSHive.
  16. Design Snack: This community-based showcase allows users to vote and choose sites to be displayed on the front page.
  17. CSS Container: Get a load of these high ranked CSS sites.
  18. Screenalicious: Rank thumbnailed CSS screens on this site.

Specific Elements

If you’re looking for something very specific, try these galleries on for size.

  1. design|snips: Check out design|snips to find specific design elements, like typography, images, textures, and more.
  2. CSS Showcase: In this site, you’ll find CSS menus and navigation tabs.
  3. CSS Zen Garden: Walk through this CSS zen garden to find simple beauty.
  4. CSS Based: Check out this gallery of designers who work with nature in mind.
  5. CSS Collection: This site’s gallery features designs that use CSS as an alternative to tables.
  6. Carted Up: Carted Up celebrates excellent cart designs in CSS and beyond.
  7. Design By Grid: On this site, you’ll find a showcase and loads of resources for grid designs in CSS and more.

Aggregates

Save time by checking out multiple galleries at once on these aggregated galleries.

  1. Most Inspired: This site aggregates designs from some of the most popular galleries online.
  2. CSSHardcore: Find loads of designs from some of the top CSS galleries on this aggregate.
  3. Beat the Block: On Beat the Block, you’ll find galleries for CSS and more.
  4. CSS Galleries: CSS Galleries offers an aggregated view of CSS designs, and even offers ranks of gold and silver.

Standards

These galleries showcase only sites that feature excellent web standards.

  1. CSS Smooth Operator: Find standards-compliant CSS in this gallery.
  2. CSS Artillery: On CSS Artillery, you’ll find sites that place web standards high on the priority list.
  3. CSS Star: Here you can find CSS sites with high quality standards.
  4. W3C Sites: Here you’ll find sites that conform to W3C standards.
  5. Style Gala: Check out Style Gala for designs with standards in mind. They also offer lots of resources, like articles and a developer community.
  6. CSS Reboot: CSS Reboot celebrates the refreshed designs that come out November 1st and May 1st.

International

Stay on top of international designs with these galleries.

  1. CSS Blast: Check out this site that features Russian design and more.
  2. CeeSeS: This gallery offers a look at Croatian design.
  3. Design Link Database: Find Japanese design and commentary on this site.
  4. CSS Design Yorkshire: These Yorkshire sites are tableless and offer good semantic xhtml.
  5. Creative Pakistan: Rank and learn from the sites in this Pakistani gallery.
  6. Ala Brasil: Ala Brasil features excellent design in CSS, XHTML, and Flash.
  7. CSS Galaxy: See how the French do CSS on this site.
  8. Web Gallery: Check out this Italian gallery for fresh, clean designs.
  9. CSS Galeri: On this Turkish CSS gallery, you’ll find awesome designs and great resources.
  10. CSS Taste: CSS Taste features some of the best CSS sites from around the world.
  11. BmAccess: Find some of the best French CSS sites in this gallery.
  12. Design Expanse: This Pakistani site features designs from around the world.
  13. Dekitharu: Here you’ll find some of the coolest designs from Japan.
  14. CSS Inspirace: Get inspired by these Czech and Slovak CSS designs.

Everything

These galleries pack a heavy dose of CSS designs.

  1. CSS Zone: Check out CSS Zone for great examples of CSS for ecommerce, churches, and much more.
  2. CSS Bloom: Find CSS-based designs for blogs and portfolios on this gallery site.
  3. CSS Princess: This gallery showcases CSS created by female designers.
  4. CSS Ultra: On CSS Ultra, only the best of the best CSS sites get posted.
  5. Best Web Gallery: Find some of the best CSS designs online here.
  6. Genuine Style: On Genuine Style, you’ll be treated to simple, stylish sites in CSS and beyond.
  7. screenfluent: screenfluent showcases great designs in CSS and beyond.
  8. The Best Designs: This daily updated site offers a gallery of well-reviewed CSS and Flash sites.
  9. Styleboost: Find designs by tag or color in this gallery.
  10. CSS Flavor: Get inspiration from this collection of CSS-designed sites.
  11. CSSBand: This site features awesome, colorful designs.
  12. Unmatched Style: Search for designs by blog, liquid layout, and more on this site.
  13. CSS Remix: Get a random view of CSS sites with CSS Remix.
  14. CSS Fuel: Check out high-profile design sites on CSS Fuel.
  15. Refresh: In this “new media showcase,” you’ll get an in-depth look at nicely-designed sites.
  16. Web Creme: Find awesome designs in this simple gallery.
  17. CSS Fresh: CSS Fresh features designs that don’t use tables.
  18. CSS Import: CSS Import offers a gallery as well as notable entries.

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

Tuesday, January 22nd, 2008

By Jessica Hupp

With the vast array of web development knowledge available on the Internet, there’s certainly no shortage of cheat sheets to be found. However, finding a way to wrangle them all into one place isn’t quite as easy. That’s why we’ve compiled a list of some of the best cheat sheet collections out there. That’s right: this is your newest cheat sheet for cheat sheeting.

Client Side

These cheat sheet lists cover information in CSS, HTML, and more.

  1. Action Script Cheat Sheet: Download cheat sheets for ActionScript here.
  2. Apollo Cheat Sheets: You’ll find cheaters for lots of different controls and events here.
  3. Ajax Cheat Sheets: Get guides from Amy Hoy, Microsoft, and more.
  4. Top 8 CSS Cheat Sheets: Find various levels of CSS cheat sheet with this resource.
  5. CSS References: Deitel lists references, including cheat sheets, for CSS here.
  6. CSS Cheat Sheets: Here you’ll find a shorthand guide, color chart, help sheet, and more.
  7. Cheat Sheets and Sites for Cascading Style Sheets: Here you’ll find some helpful CSS cheat sheets.
  8. Cool CSS Cheat Sheets on the Web: This resource has compiled 5 really nice CSS cheat sheets.
  9. Javascript Cheat Sheets: Get cheaters for Prototype, jQuery, Script.aculo.us, and more here.
  10. CSS Cheat Sheets: Learn about CSS basics, layouts, and more with these cheat sheets.
  11. HTML Cheat Sheets: Here you’ll find basic help sheets, microformats, and characters.
  12. Microsoft AJAX Library Cheat Sheets: Find a few Ajax cheat sheets here.

Server-Side

Here you’ll find gems for PHP, Python, and Ruby, to name a few.

  1. Ultimate Server-Side Web Development Cheat Sheets: This list focuses on server-side web development technologies like PHP, MySQL, and Ruby.
  2. .NET Cheat Sheets: Find quick references, common events, and more here.
  3. Apache Cheat Sheets: In this list, you’ll find cheaters for .htaccess, mod_rewite, and more.
  4. Java Cheat Sheets: These reference sheets highlight Groovy, syntax, and more.
  5. VBScript Cheat Sheets: Get syntax, functions, collections, and lots more for ASP and VBScript.
  6. MySQL Reference Sites: Here you’ll find MySQL cheat sheets and more.
  7. Perl Cheat Sheets: On this list of cheat sheets, you’ll find useful references for variables, regular expressions, and string functions.
  8. Ruby on Rails Handbook: In this handbook, you’ll find a collection of cheat sheets covering everything from command lines to migration.
  9. $ command line ruby cheat sheets: Get access to lots of Ruby cheat sheets here.
  10. Ruby Cheat Sheets: In these Ruby cheaters, you’ll see highlights from Capistrano, TextMate, and more.
  11. PHP Cheat Sheets: On this list you’ll find template engine sheets, quick reference and more.
  12. Symfony Cheat Sheets: Find a number of helpful cheat sheets for symfony here.
  13. Python Cheat Sheets: These useful references cover general Python as well as Django.
  14. Dotnet Cheat Sheets: These cheat sheets have regular expressions, basics, and plenty more.
  15. .NET Cheat Sheets: Get .net cheat sheets and more with this resource.

Blogging

Get quick access to all of the blogger tools you need with these lists.

  1. Blogging Cheatsheets for Blogger, TypePad, WordPress and Movable Type: Make sense of some of the most popular blogging platforms with these cheatsheets.
  2. WordPress Cheatsheets Summarized: Here you’ll find cheat sheets for administration, options, and more.
  3. Blog Cheat Sheets: Get references for templates, Expression Engine, and WordPress here.
  4. Cheat Sheets for CSS and HTML: These cheat sheets are designed for TypePad bloggers.

General

The vast majority of the great cheat sheet lists out there attempt to cover just about everything, so you can go big with this collection.

  1. A Web Developer’s Cheat Sheet List: Find cheat sheets from HTML to Dojo in this list.
  2. RefCards: Find Apache, CSS, Python, and more with RefCards.
  3. Ultimate Web Development Cheat Sheet Guide: Use this guide to get cheat sheets for just about everything out there.
  4. The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007: Find cheat sheets and more in this resource.
  5. Our Favorite Cheat Sheets: Get some of the best cheat sheets out there through this list.
  6. IT Cheat Sheets: Check out this resource for links to more cheat sheet lists as well as cheat sheets for Mozilla products, Google, and more.
  7. The Developer Cheat Sheet Compilation: These cheat sheets cover databases, programming, and more.
  8. Stephen Flynn: Cheat Sheets: This resource offers a handful of useful cheat sheets.
  9. Cheat Sheet: On this site, you can find cheat sheets for microformats, regular expressions, and more.
  10. Cheat Sheets & Assorter Others: Get a handle on HTML entities, PHP, and more with this list.
  11. Cheat Sheets: No Sheep has compiled a list of “Cliff Notes” for technology here.
  12. Developer (and other) Cheat Sheets: Here you’ll find cheat sheets for everything from Ajax to the Wii Remote API.
  13. Cheat Sheets: This Squidoo Lens covers Firefox, Scriptaculous, and more.
  14. JavaScript, HTML, CSS, and More Cheat Sheets: Ajaxian offers a number of cheat sheets for HTML, JavaScript, CSS and more.
  15. Web Technology Cheat Sheets: This reference offers a handful of useful cheat sheets.
  16. Great Cheat Sheets: On this blog you’ll find a few cheat sheets, including HTML and CSS.
  17. Best Programming Cheat Sheets: Get some great quick reference guides here.
  18. Programmer Downloads, Tools, Resources, and 100 Cheat Sheets: With this resource, you’ll find just about any cheat sheet you might need.
  19. Handy Cheat Sheets: Check out these cheat sheets for character codes, SQL, and more.
  20. GotAPI: GotAPI offers an easy search for developer documentation, particularly cheat sheets.
  21. The Big Cheat Sheet List: David Sanchez offers some favorites in JavaScript, PHP, and more.
  22. W3Schools: In addition to other learning tools, W3Schools provides reference sheets for languages including JavaScript, HTML, and CSS.
  23. Cheat Sheets: Utility for Web Designers and Developers: This resources covers a few cheat sheets for languages, blogging, and more.
  24. Learn and Thrive: On this site, you’ll find cheat sheets for development basics.
  25. CheatSheet Ultra Collection: In this collection, you’ll find more than 400 cheat sheets.
  26. IT Cheat Sheets For All: This resource lists a number of cheat sheets, including HTML. Registration required.
  27. 250+ Tools and Resources for Coding the Web: In addition to lots of other great resources, you’ll find a number of cheat sheets and quick references in this piece.
  28. My Personal Collection of Cheat Sheets: This simple list points to HTML, CSS, and Google, to name a few.
  29. Bravenet Quick References: Bravenet offers a few quick reference sheets for popular web development functions.
  30. Progenic.com Cheat Sheets: Get cheat sheets for CSS, Ajax, and more here.
  31. Cheat Sheets for Geeks: Check out the web development cheat sheets and resources compiled in this list.
  32. VisiBone: On this site, you’ll find cheat sheets for color, fonts, HTML, CSS, JavaScript, and MySQL.
  33. Advanced CSS/XHTML Explained: Cheat Sheets: Get these PDF cheat sheets for Photoshop, XHTML, CSS, and WordPress.
  34. I Love Jack Daniels: Dave Child has created some of the most popular cheat sheets on the web, and you can find them all here.
  35. Silicon.com: Cheat Sheets: The cheat sheets in this list are a little different than the rest, covering encryption, blade servers, and even CRM.
  36. Top 119 Cheat Sheets: Find cheat sheets for lots of popular web development topics here.
  37. I Heart Cheatsheets: Conding Horror takes a look at a number of different cheat sheets here.
  38. WhatIs.com’s Favorite IT Cheat Sheets: These cheat sheets range from HTML to internet slang.
  39. Cheat Sheets for PHP, AJAX, JavaScript, CSS, MySQL, Perl, Google: This list has cheat sheets for a number of programming languages.
  40. References!: Here you’ll find a number of references as well as links to other reference guides.
  41. Over 30 Cheatsheets for Developers: This roundup covers databases, languages, and more.
  42. Lifehacker Cheat Sheets: Find cheat sheets for web development and daily life at Lifehacker.
  43. edocr: This site has it all, from Perl to eMacs.
  44. The Developer Cheat Sheet Compilation: This list covers Cold Fusion, CSS, and more.
  45. HTML, CSS, PHP, and More Cheat Sheets: These cheat sheets are ideal for developers who want to tweak WordPress.
  46. Randompage Cheat Sheets: Be sure to check out this collection of useful cheat sheets.
  47. Cheat Sheet Roundup: Get cheat sheets for Photoshop, JavaScript, and more here.
  48. Quick Reference Cards, Cheatsheets & Cribsheets: These quick reference cards can be printed back to back on single sheets of paper.
  49. Cheat Sheet Round-Up: Ajax, CSS< LaTeX, Ruby…: Smashing Magazine offers an extensive list of cheat sheets here.
  50. Cheat Sheets: Here, you’ll get cheat sheets for HTML entities, ASCII character codes, and even emoticons.
  51. Technacular Quick Reference Guides: This collection has CSS, Apache, and more.
  52. DevGuru Quick References: DevGuru shares some of their best quick references here.
  53. Programming Reference Sheets: This list links to cheat sheets for PHP, Visual Basic, and more.
  54. Cheatsheets Roundup: These cheatsheets featured here include Photoshop, JavaScript, and Ruby.
  55. Quick Reference Cards: This resource offers an excellent compilation of web development resources, categorized and commented upon.
  56. Cheat Sheet: Here, you’ll have access to an aggregation of nearly every cheat sheet and reference guide out there.
  57. Selected Microsoft and Code Cheat Sheets: Get cheat sheets for CSS, Java, PHP, and HTML.
  58. Stuff You Can Download: Amy Hoy lists some of her favorite cheat sheets here.
  59. Scribd: Scribd has a special section devoted just to cheat sheets.
  60. 100 Essential Resources for Web Developers: This list shares a number of cheat sheets as well as many other useful resources for web developers.
  61. NoteBind: NoteBind custom prints many of the popular cheat sheets out there. You can find a list of them here.
  62. ZVON Cheatsheets: Get lots of quick references here.
  63. Cheatsheets Galore!: These cheatsheets include both design and development.

Other

Find even more shortcuts with these cheat sheets.

  1. Google Cheat Sheets: Learn keyboard shortcuts, SEO, and references with the cheat sheets featured here.
  2. Yahoo! User Interface Library Cheatsheets: Here, you’ll get cheat sheets for YUI utilities, controls, and the YUI CSS foundation.
  3. Agile Work Resources: This list has cheat sheets for agile work.
  4. Firefox Cheat Sheets: Get one page cheaters and brochures for Firefox and Thunderbird here.
  5. Adobe Photoshop Keyboard Shortcuts: This reference lists cheat sheets for a number of different Photoshop versions.
  6. Search Engine Cheat Sheets: Learn how to become a power searcher with these cheat sheets.

50 Tools and Resources to Help You Start a Webcomic

Friday, January 11th, 2008

By Laura Milligan

Creating your own comic strip is now easier than ever, thanks to online resources like Web hosting systems, webcomic communities and support networks and collections of design tools and tutorials. To help you get started, we’ve organized 50 of the best resources on the Web. Read below for inspiring examples, sites that offer free fonts, design tips and more.

Useful Guides

To get an overview of the typical webcomic start up process, read these useful guides that provide tips on starting your own online series.

1. Create Your Own Webcomic: This article provides readers with ideas for coming up with plot lines, characters, design themes and more.

2. How I Make a Webcomic: This “investigative report” explores the different strategies webcomic artist Jonathan Requesens uses to create his comic OshKosh and Josh.

3. How to Make Your Own Webcomic in 3 Steps: This simple post on the Megatokyo Forums gives tips on drawing, editing, uploading and more.

4. How to Make Webcomics: The artists behind Player Vs. Player strongly recommend checking out this book, which includes “a guided tour of everything you need to know to make, post and profit from your own online comics.”

5. Fleen: This popular webcomics blog posts articles about industry news, tips on making your webcomic a money-making machine and lots more.

6. Hyatt Art Webcomic Forums: Participate in the chats on Hyatt Art to share tips with other artists and learn what’s new in the webcomics world.

7. Manga Punk: Even if your webcomic won’t be in the style of manga or anime, this site has lots of valuable tutorials for drawing people, eyes and more.

8. A Guide for the Novice Webcomic Artist: From plot to production, Ghastly’s Ghastly Journal offers up great tips for beginner webcomic designers.

9. The gURL Guide to Making a Comic: This guide to making comics is completely accessible even for beginners. Get tips on coming up with a story line and choosing your style, read about the history of comics and more.

10. Mega Online Comic Manual: Create, Share and Profit from Webcomics: Posted by Danogo.com, this tutorial provides a detailed introduction to starting your own webcomics and links to sites that make designing, managing and hosting much easier.

Fonts and Text

From advice to creating your own fonts to websites that provide them ready-made, check out the resources below for making your words pop right off the screen.

11. Blambot: If you’re having trouble designing your own fonts or dialogue balloons, try out Blambot, a site that offers all kinds of designs to artists.

12. Lettering on the Computer: Cymbrele’s Webcomic Tutorial posts this article about making your own lettering for computer projects.

13. Text and Balloons: 6 Advanced Techniques: This post from the blog Your Webcomic Can Still be Saved goes over tips for overlapping balloons, creating different-sized text within the same frame and more.

14. 1001 Free Fonts: Score tons of free fonts from this website, which also provides Web hosting and fonts especially for Mac users.

15. UrbanFonts.com: Browse fonts in categories like Comic, Asian, Rounded and more to give your comic a unique edge.

16. How to Make Your Own Fonts: If you’d rather create your own fonts, try out this tutorial from Chank! to help get you started.

17. Fontifier: To bring more of your personal artistry into your webcomics project, use Fontifier, an online program that creates a font based on your own handwriting.

Hosting and Management Tools

To help you choose the right hosting services for your webcomic, we’ve put together this list of management tools and sites that will keep your projects organized.

18. StripCreator.com: Create an account on StripCreator.com to design and organize your own webcomic, visit with other artists on the forums and more.

19. Drunk Duck!: This online community of webcomic artists and enthusiasts hosts comic strips for signed-in users.

20. Wordpress.com: Many webcomic veterans suggest maintaining a blog along with your comic so that your readers feel more connected to you and your characters. The resources at Wordpress are some of the most straightforward in the blogging world.

21. Comic Genesis: This “free webhosting provider for webcomics” also lets visitors check out different comics by searching categories like Sci-Fi, Romance, Horror and Manga.

22. Smack Jeeves: This popular Web hosting and online comic management service is also free.

23. Transplant Comics: Sign up with Transplant Comics to create and upload your webcomic for free. Members can also benefit from the site’s forums and community-oriented atmosphere.

24. CUSP: CUSP software, or Comic Update Script for PHP, “allows a cartoonist to take full control over his website while automating much of its tedious day to day maintenance.” Features include easy upload management, daily news updates and the ability to support all sizes of comic strips.

25. The Newbsoft Network: Another system that provides free webcomics hosting, The Newbsoft Network welcomes all kinds of artists and designs.

26. Webcomics Nation: Join this community of webcomics designers to expose yourself to a broad audience.

Finding Inspiration

If you’re suffering from designer’s block, check out these comics and resources to get you back in the game.

27. Ask Dr. Eldritch Webcomic: This webcomic creator has devoted his entire website to the comic. Different pages introduce characters, host a comic archive and even support an online gift shop.

28. A Softer World: Designer Emily Horne and writer Joey Comeau create their webcomic out of subtle but intriguing photographs.

29. DrawingBoard.org: Members post their designs onto this message board to share ideas, network with other artists and perfect their craft.

30. A Lesson is Learned but the Damage is Irreversible: The artists of this innovative comic are taking a temporary time-out, but check out their archives for award-winning design and images.

31. Raina Telgemeier’s Comics: This collection of artist Raina Telgemeier’s comics on WebComicsNation.com demonstrates how she is “a representative of the new breed of creators who move easily between print and Web,” according to The Webcomics Examiner.

Online Resources

These online resources provide tools and tips for creating your own webcomics. Save them to the site or e-mail them to all your friends to increase your audience.

32. Weblog Tools Collection: Turn to this list of articles when you have questions or need support figuring out the more technical side of your online creation.

33. StripGenerator.com: The Stripgenerator v1.0.3 combines blogging and webcomics so that users can easily create their own stories and designs and link up with other artists.

34. Make-O Your Own Stinko!: If you’re not too serious about uploading your comics, or if you think you need a little more practice designing frames before you go public, try out the Make-O Your Own Stinko! game. Players can choose backgrounds, characters, props and more to create a basic webcomic all their own.

35. Charlotte’s Web: Make-Your-Own Comics: This fun little children’s game sets up templates so that users can create their own comics related to the Charlotte’s Web story. It’s also great practice if you want a safe space to play around before going solo.

36. ToonDoo: ToonDoo is “the online comic, cartoon strip creator.” After you use ToonDoo’s resources for starting your own webcomic, check to see if it’s made it into the Editor’s Pick or Most Popular categories. You can also enter contests hosted by the site or organize your favorite comics and designs into an online gallery.

37. Make Beliefs Comix!: kid-friendly site instructs beginners on how to create their own webcomics by using simple one-click tools to move images around the template, print and e-mail finished creations and more.

38. PikiStrips: If cartoon characters aren’t your thing, sign up with PikiStrips to create webcomics out of your digital photos.

Design Tips and Tools

Even the most experienced Web artists could use a few more tips on designing their webcomics. Check out these tutorials for new ideas.

39. 10 Tips for Webcomics: This list of dos and don’ts includes minimizing major changes to your design or story line, forgetting to self-promote and more.

40. The Webcomic List: This website serves as an online news source and forum for webcomics. Get updates on your favorite comics, check out other artists for design inspiration and find out which comics have recently received press or won awards.

41. Online Comics: Image Size and Layout: This post gives basic guidelines for artists who need to determine appropriate image size and layout for their strip.

42. Webcomics: Tools and Techniques for Digital Cartooning: This book, available at Amazon.com, is a helpful resource for artists looking to improve their designs.

43. Graphic Design Tools Reviewed: CNET provides this list of links and reviews of graphic design tools like Adobe Flash Professional and iClone Studio Edition.

Distribution and Promotion

Once you’ve created and uploaded your webcomic, you need to figure out an online marketing strategy to attract an audience. Read below for tips and resources on how to promote your project.

44. Webcomic$: This blog has lots of postings and resources to help artists make money from their webcomics. Recent posts include “Ad Management Systems” and “Big Companies WILL Pay for Your Webcomic.”

45. I Want My Ten Dollars!: This post from Fleen doles out creative ideas for getting your readers and fans to pay up.

46. deviantART: This community of artists allows members to upload and share their creations with other users.

47. OnlineComics.net: Submit your webcomics to this site so that other members can view, comment on and send them on to friends.

48. Webbed Comics: Register your comic here to let other members vote on your creation. The top 30 make it to the homepage.

49. How to Promote Your Webcomic for Free: This series has lots of ideas for getting the word out about your webcomic.

50. How to Promote Your Webcomic by NOT Promoting Your Webcomic: This list of alternative marketing strategies may help boost your readership.

100 Essential Web Resources for Freelance Programmers

Thursday, January 10th, 2008

By Jessica Hupp

Between mountains of code, demanding clients, and long hours, freelance programmers have a challenging life. Fortunately, we’re not the only ones that realize this. In fact, there are loads of resources out there designed to make a freelance programmer’s life just a little bit easier, and we’ve highlighted 100 of them here.

Cheat Sheets & Tutorials

If you just can’t seem to remember a specific piece of code, or if you need a crash course in a new language, these resources are here to lend a hand.

  1. A Field Guide to Scriptaculous Combination Effects: Use this resource to learn about Scriptaculous combination effects, from options to toggling and more.
  2. JavaScript Cheat Sheet: Get the lowdown on JavaScript expressions, functions, and more with this cheat sheet.
  3. AJAX Programming Online: Take this Sun employee’s AJAX course, or just check out the site for loads of information.
  4. CSS Panic Guide: Don’t panic! This guide is here to guide you in the right direction with CSS.
  5. ASPFAQs: Get all of your ASP questions answered in this repository.
  6. CSS Cheat Sheet: Use this cheat sheet for a shortcut on CSS syntax and more.
  7. CSS Property Index: With this index, you should have no trouble figuring out properties.
  8. ASP/VBScript Cheat Sheet: This cheat sheet will help you cover expressions, methods, and more in ASP and VBScript.
  9. A Simple Guide to HTML: For super simple HTML, use this cheat sheet for formatting and more.
  10. Ruby QuickRef: Keep this reference handy for help with the Ruby language.
  11. PHP Cheat Sheet: PHP cheaters can take advantage of the references to SuperGlobals and more on this cheat sheet.
  12. PHP Code Exchange: This exchange site is home to loads of searchable PHP code.
  13. Max Kiesler: Round-up of 30 AJAX Tutorials: Get access to loads of AJAX tutorials with this list.
  14. Python 101 Cheat Sheet: Get a Python intro with this cheat sheet.

Business Tools & Advice

If you rock at writing code, but can’t seem to keep your books straight, these resources are for you.

  1. Tax Tips for Freelancers: Learn about tracking expenses as well as Schedule C in this article from About.com.
  2. Less Accounting: Manage your invoices and stay on top of clients with this accounting and CRM hybrid.
  3. Freelance Tax FAQ: Go through this question-and-answer session from The Anti 9-to-5 Guide to find out what you need to know about deductions and other important tax items.
  4. Web Site Development Agreement: Check out this real-life development agreement for contract guidance.
  5. Creative Commons: Use Creative Commons to license and protect your work as much or as little as you want.
  6. Furd Log: : Read this blog to consider the aspects of intellectual property.
  7. Escrow: Don’t let non-paying clients flake out on you. With Escrow, you can require that they put money up in advance, and you’ll get paid once you’ve completed the job.
  8. Can You Take a Home Office Deduction?: If you do programming work from home, read this article to get the lowdown on claiming a home office deduction.
  9. Is it Time to Upgrade Your Accounting Software?: Consider the effectiveness of your accounting software with this resource.
  10. Help Me Work: If you’d like to completely let go of the paperwork, use a service like Help Me Work that automates financial transactions, benefits, and more.
  11. Website Design and Maintenance Agreement: Spell out the arrangement of design and maintenance with this fill-in-the-blank agreement.
  12. Planning for e-business: Don’t Forget the Financials!: Make sure you cover these important financial bases when starting your programming business.
  13. Quickbooks: Use Quickbooks to keep easy tabs on your accounting tasks and generate helpful reports.
  14. Journal of Consumer Research: Better understand your market through the consumer research highlighted in this journal.
  15. Top 10 Ways to Fire the Client From Hell: Keep your sanity and business intact by following the advice in this article.
  16. How to Find a Good Accountant: If you’ve decided to bring in a financial professional, check out these tips to get one that’s right for you.
  17. What Kind of Records Should I Keep?: Get an understanding of keeping documents for taxes with these guidelines from the IRS.
  18. Subcontract Agreement: Protect yourself from unscrupulous subcontractors by using this contract.
  19. 8 Reasons to Ditch Your Shoebox Accounting System: Learn why you need to step up your accounting methods with this article.
  20. Sample Website Development Contract: For an all-encompassing contract discussing non-competition, compensation, and more, check out this document.
  21. June Walker: This experienced financial advisor to the self employed has lots of information for freelancers and is always willing to field specific questions.
  22. Guide to Tax Tools and Calculators for Small Business: Learn all about useful calculators for running your business.

Find Work

Locate projects and new clients using these job sites that cater to freelance programmers.

  1. Guru: Guru’s one of the biggest freelance sites out there, so you’re bound to find some programming work here.
  2. JibberJobber: Use JibberJobber to find work, manage relationships, and more.
  3. Web Pro Jobs: Programmers can find lots of work on this job site designed especially for web workers.
  4. Professional On The Web: Put your portfolio up on this site, and it will serve as a living resume for any prospective clients.
  5. Freelance Switch Jobs: This freelance advice site’s job board focuses primarily on web workers.
  6. Contracted Work: Through Contracted Work, you can find programming projects and get paid easily.
  7. Craigslist: Craigslist is an old favorite for programmers, but be sure to watch out for idiots who want something for nothing.

Usability

Stay on top of accessibility, information architecture, and usability with these resources.

  1. Web Guide: Get informed about information architecture and find loads of helpful links here.
  2. Accessibility Tools: Get lots of tools and resources to make accessibility easier with this resource.
  3. Questionnaires: Is your site usable? Find out with these questionairres.
  4. Web Site Architecture 101: This guide offers an explanation of web site architecture in three easy steps.
  5. Information Architecture of the Shopping Cart: If you’re developing an e-commerce site, this guide to best practices in information architecture is essential.
  6. Usability First: Make usability a priority with advice from Usability First.
  7. Clear Language and Effectiveness Tool: This tool makes it easy to write more readable language.
  8. Designing Web Usability: Usability guru Jakob Nielson discusses building sites for search engines and users at the same time.
  9. Information Architecture Tutorial: Take these 5 lessons for a better understanding of information architecture.
  10. Better Accessible Forms: Make your forms more accessible with this resource.

Organization & Communication

Use these tools to stay on top of your work, sanity, and client contacts with ease.

  1. Mail Templates: Sending out responses to yet another client who doesn’t understand your support policy can be taxing. Use this program to create templates that you can send out instead.
  2. Spongecell: This online calendar works to help you schedule your time.
  3. TimeXchange: Use TimeXchange to stay on top of how much time you’re devoting to specific projects so that you can bill clients accordingly.
  4. eFax: If you’re working with corporate clients, a fax machine-even a virtual one-is essential. This one does the job.
  5. MailTags 2.0: This Mail.app plugin makes it easy to track communication using tags and notes.
  6. Fuser: Do you have a Yahoo! account from the nineties, a GMail one for friends, and a professional one at your domain? Stop spending time checking each of them, and use Fuser to put them all in one place.
  7. TodoBot: Set up a TodoBot, and adding items to your todo list will never be further than your IM client.
  8. WordFast: Get easy translation using WordFast so that you can communicate with international clients.
  9. ClearContext: Get through the junk in your inbox by using ClearContext, a program that organizes and prioritizes email.
  10. CoreBlox: Use CoreBlox to provide support to clients with case management and more.
  11. Copernic Summarizer: This tool helps you get to the point by summarizing and highlighting the imporant parts of any email.

Productivity

If you’re busy and successful, then you’re certainly always on the hunt for a better, faster way to do things. Hunt no more-these productivity tools will help you get the job done faster.

  1. Ninja Freelance: You’re a programming ninja-now master the domain of freelancing with Ninja Freelance.
  2. O’Reilly Network: These guys wrote the book on programming-several, actually. They cover nearly every aspect of development you could hope to learn about.
  3. The Art of the New: Check out this blog to get inspired and encouraged to delve into innovative thinking.
  4. Freelance Switch: This freelance advice site has a definite slant towards web workers.
  5. W3Schools: Get tutorials to help you with scripts, languages and more, then test yourself with their quizzes.
  6. DZone: A Digg for developers, DZone is home to some of the best current news, tutorials and advice in programming.
  7. Notes on Design: This blog discusses design from the perspective of professionals and academics.
  8. A List Apart: A List Apart covers loads of issues in web design.
  9. Vitamin: Vitamin’s mix of resources for developers and entrepreneurs makes it a perfect publication for freelance programmers.
  10. java.blogs: Stay on top of what bloggers are discussing about Java with this site.
  11. W3C: Get loads of advice about the Web from standards to accessibility from the authority on the Internet.
  12. Ajaxian: Ajax developers can’t miss this resource.
  13. e3 Information Overload: Learn how to deal with the plethora of information available to you using this blog.
  14. Tweako: Freelance programmers can get access to advice and more through Tweako.
  15. Digital Web Magazine: Get reviews, news, and features from Digital Web Magazine.
  16. Slashdot: Slashdot covers interesting news for programmers and beyond.
  17. Smashing Magazine: Check out Smashing for loads of tools, tutorials, and advice for developers.
  18. Open Access News: Stay up to date on the latest in open access with this blog.
  19. TechCrunch: Find out about the latest new developments in the world of tech and programming with TechCrunch.
  20. UX Magazine: Get the latest and greatest in user experience with this magazine.
  21. Web Worker Daily: Stay up to date on the latest in web worker news with this blog.

Industry News & Resources

Read these blogs, magazines, and news sites to stay on top of the latest in freelancing, programming and technology.

  1. Saved Searches: If you’re constantly looking up a specific topic, you can benefit greatly from this Greasemonkey script that saves searches.
  2. Turn Off Word Features: If you’re using Word, but not all of its features, use this program to turn off the ones you don’t need.
  3. Compare File Versions: Stay on top of changes to your documents by using this program.
  4. Advanced PDF to HTML Converter: Make it super simple for your clients to view documents online with all links, bookmarks, and formatting intact.
  5. HTML to ASP Converter: Don’t spend lots of time converting from HTML to ASP-use this tool instead.
  6. ASAP Utilities: If you’re frequently doing the same thing over and over again in Excel, use ASAP Utilities to set up an automated system.
  7. Skim: Use Skim to take notes directly on a PDF file.
  8. Panthius: Panthius was made for freelancers, and can be used to manage the entire sales process as well as information.
  9. Docx Converter: If your client has upgraded to Word 2007, but doesn’t quite yet know how to send you regular doc files, convert their docx to something readable with Docx Converter.
  10. Netvibes: Get all of your important stuff like emails, jobs, news, and more all in one place using Netvibes.
  11. XML Converter Standard Edition: Create XML documents out of MySQL databases and servers.
  12. Popularity Dialer: Excuse yourself from a client meeting gone way too long with an “important phone call” from Popularity Dialer.
  13. AutoHotKey: This program lets you create your own hotkeys, assigning specific text or keystrokes to a task.
  14. Ditto: If you’re copying and pasting lots of different lines of code, get it all organized with Ditto.
  15. Backpack: Use this superpowered productivity tool to stay on top of your todos, keep everything in one place, and send yourself reminders.

30 Google Apps You’ve Never Heard Of

Tuesday, January 1st, 2008

By Laura Milligan

Whenever Google officially decides to take over the world, we will already be well-acquainted with their unending sets of online tools and applications and overall knack for simplifying our lives. If, for some reason, you’re still unaware of how the Google enterprise is revolutionizing the way even non-techies gather information and play on the Web, read below for 30 of the best Google applications that you need to try.

1. Android: Google’s plan to transform the way people use cell phones begins with the Android, “the first truly open and comprehensive platform for mobile devices,” according to the Google Blog. Google has been working with the Open Handset Alliance to develop the open source phone, and individual developers are encouraged to create their own apps for a chance to win a portion of the $10 million award money.

2. Google Scholar: Instead of schlepping your research materials to the local college library, try using Google Scholar, an online search engine that allows access to all kinds of scholarly journals, reviews, abstracts and more. No sign up required.

3. Google Search on China Mobile: The Google Operating system blog reports that China Mobile is the world’s largest mobile operator, and that it has linked up with Google “to provide mobile and Internet search services in China…that will make it easier than ever before to find relevant content on the cellular phone.” These apps are designed to increase Google’s presence in the international technology circuit.

4. Google Answers: This app has been around for a while, but it’s still flying low on the radar for non-techies. While most people just use the regular Google search engine to find answers to their questions, this service connects users to a professional who will respond to questions more accurately (hopefully) than a general search. The downside is that users must register an account and pay a small fee.

5. Google OneBox: Professionals in the business world tune in to OneBox to gain “access to information from business applications such as [the] contact database, calendar, CRM or BI system.”

6. Writely: Google’s attempt to compete with the Microsoft Office Suite includes Writely, a free Web-based solution to Word. CNET Reviews holds that Writely is a reasonable substitute, so long as you “have stable Internet access and don’t need a ton of editing and formatting features.”

7. SketchUp: This 3D sketch pad is free for the basic subscription, but according to CNET Reviews, “professionals will want the $500 version” for more complex designs. Sketchup also lets users share their drawings online with others and comes with clear, concise tutorials to help newbies figure out the system.

8. Google Desktop 4: Manage all of your tools and apps with the Google Desktop, including Google tools and any other files you have on your computer. Utilize the iGoogle page and sidebar to give your desktop a personal design.

9. Picasa Web Albums: This photo manager features new and improved functions, including the ability to publish albums online (or keep them private).

10. IMAP for Gmail: IMAP for Gmail allows Gmail account holders to access their messages through Outlook and Apple Mail even when they’re offline, by “creat[ing] a constant connection between mail clients.”

11. Shared Address Book: This address book is a valuable app for larger companies that host many different e-mail addresses on the same domain. Instead of relying on a personal contacts list, users with the same domain name can find e-mail addresses just by typing in each other’s names: the addresses will then automatically pop up, even if they aren’t registered in your specific contacts list.

12. New Google Talk: Gmail users have been able to enjoy the hassle free chat system Google Talk through their e-mail accounts. Now, however, Google Talk can be launched outside of Gmail through the Web to make file transfers, PC-to-PC voice calls and more.

13. Public Calendar Gallery: Whether you want to advertise your company’s special events and deals or just let friends, family and customers know when you’ll be out of town, publish your own calendar to the Google Calendar beta. Featured calendars include presidential nominees’ campaign events, Orbitz travel deals and more.

14. New Google Docs: This app combines online project collaboration with the basic tools of an office suite like Microsoft Windows. Featuring spreadsheets, word processing capabilities and slideshow presentations, Google Docs is completely free.

15. Gmail mobile application for BlackBerry® smartphones: According to the official Google Apps Website, Gmail is now in sync with BlackBerry smartphones. E-mails load more quickly, and e-mails sent from your BlackBerry show up in your Sent mailbox on your computer too.

16. Google Apps Premier Edition: Business owners will want to try out the Google Apps Premier Edition to set up their Google Calendar, Page Creator, security features, company start pages and other apps on a consistent company system.

17. Mail Migration Tools: The Google Operating System Blog reports that earlier this year, “Google Apps added the option to migrate the messages from your existing email accounts [to your Gmail account] if you use the business or the educational edition.” This app is useful for new Gmail users who want to compile their e-mail accounts into one client without having to save individual messages.

18. Domain Registration: With this app, system administrators can set up their own website, hosted by one of Google’s partners, for only $10 a year. According to the Google Apps site, “new domains come fully configured with the complete array of Google applications for your organization: personalized Gmail, Google Calendar, instant messaging, online document editing, and more.”

19. Google Reader: Stop wasting your time visiting individual news blogs and sites to get your political, weather and business updates. Google Reader “constantly checks your favorite news sites and blogs for new content” and brings it right to your page. Users can also easily share favorite stories with friends, family and employees.

20. AdWords Editor: Advertisers are probably already with this app, which helps them manage ad campaigns and banners by increasing editing options, even when they’re offline.

21. Google Mobilizer: Wouldn’t it be great if all of your favorite websites were displayed nicely and neatly on your mobile phone? The Google Mobilizer makes that possible, by “mak[ing] any Web page mobile-friendly.”

22. Click-to-Call: Google has given their advertisers a bit of a boost with this new feature. When Google users see an advertisement on one of Google’s pages, they can click on the the phone icon or call link to start a free call. Google will ask for the individual’s phone number, and once you type it in, you’ll receive a call (which won’t cost you a cent) from the advertiser.

23. Page Creator: As of 2007, the Page Creator is still in development, but we’re hoping that the easy Web page assistance app is going to be a hit. According to Wikipedia, the tool features 100 megabytes of storage, 41 Web templates, unique sub-domain names and more. Check back for updates!

24. Gears: This app “is beta software offered by Google to enable off-line access to services that normally only work on-line” by adding a browser extension. Google Gears also seems to be in the beginning stages, so let’s hope more apps and functions will be added soon.

25. Ride Finder: Need a taxi or airport shuttle? If you’re in one of the following U.S. cities, you can click on the Google map to find a list of services in your area: Atlanta, Austin, Baltimore, Chicago, Dallas, LA, New York, Phoenix, Portland, San Francisco, St. Louis and Washington, D.C.

26. Transit: This app lets you “create your own transit trip, complete with itineraries and maps.” Currently, trip planning assistance is available for several U.S., Canadian, European and Japanese transit systems.

27. Book Search: While nothing can compare to curling up with a real book, virtual ones are sometimes more practical, especially if you want to waste time at work. Use the Google Book Search to access entire texts of literature, non-fiction reference books and more.

28. Google Finance: Customize your Google Finance page to include rates, progress reports, charts and updates for the stocks and trends you watch most closely.

29. Google Life Search: This new Google tool is basically a Google Base for China to compete with local search engines.

30. Archive Search: Forget dusting off old microfiche and microfilm from the library to discover archived photos and newspapers. Google’s Archive Search goes back 200 years and “can automatically create timelines which show selected results from relevant time periods” to augment your search.

Web Stats Motherload: 100 Resources, Case Studies and Tools to Analyze Your Traffic and Improve Conversions

Friday, December 21st, 2007

So you’ve managed to achieve a good flow of traffic, but you don’t have the revenue to back it up. What’s going on? It’s time to optimize for conversions and cast a critical eye on more than traffic numbers, but how your visitors behave when on your site. These resources will help you measure, understand, and covert your traffic into revenue-building users.

Conversion Tools

When it comes to online revenue, it’s all about conversions. Turn casual visitors into buyers and subscribers with these conversion tools.

  1. Website Conversion Calculator: Estimate your conversion rate based on visitor and order data with this calculator.
  2. Second Bite: Losing money with all those abandoned shopping carts on your ecommerce site? Turn those into real sales with SecondBite. The service emails or calls shoppers to help them bring their sales to completion.
  3. UserVue: If you’re really serious about improving your conversion rates, you can try a service like UserVue. It will allow you to remotely watch as users go through your site, so you can actively see what works and what doesn’t.
  4. Hitslink: With Hitslink, you can get web based real-time tracking and reporting as well as conversion tracking for PPC campaigns. You can also set up tracking for specific events like promotions and downloads.
  5. Unica NetTracker: Get data for program optimization with NetTracker. You’ll get the information you need to make decisions about campaigns, PPC marketing and more.
  6. Robot Replay: Get Robot Replay to watch a video of where your users go, which allows you to find out where they get bored or give up. Ultimately, this should help you convert visitors to buyers.
  7. DeepMetrix: With this analytics solution, you’ll get campaign tracking, conversion, and lots more.
  8. WebTrends: Use WebTrends to increase engagement and conversion rates through feedback on marketing, content, and usability.
  9. Indextools: This tool is tailor-made for e-businesses, offering intelligence on the level of effectiveness in web campaigns. It’s designed to make marketing easier and improve sales.
  10. Intellitracker: Understand what your customers are doing on your site and what motivates them to do it using Intellitracker’s tool.
  11. imWare: Check out this suite of tools that offers analytics and an understanding of what makes your visitors take action.
  12. iPerceptions: Learn about your visitor’s experience with this tool that seeks out answers to visitor satisfaction questions.
  13. Clickfox: Use Clickfox to take your customer data and turn it into a visual map that reveals customer behavior and motivation.

Stat Trackers

Keep tabs on who is visiting your page, how often they’re visiting, and what’s most popular with these web statistics tools.

  1. Google Analytics: Google Analytics is a must have for any webmaster or blogger. Clear and concise reports let you know who is visiting your site and from where, letting you use that important information to improve your site.
  2. AWStats: Get your log information in easy-to-read format with this valuable open source tool.
  3. Compete: Find out how your traffic stats stack up to others with this competitive analysis tool.
  4. StatCounter: This free hit counter and Web stats tool will help you keep track of the number of people your site attracts and what you can do to keep them coming back.
  5. AddFreeStats: Keep tabs on your visitors with this tracking tool. Find out how many people visit your website, when they come, and how they found you. You’ll also being able to add your site to the AddFreeStats directory.
  6. OneStat: For a low monthly fee, get detailed and professional grade reports on visitor behavior, search engines, and how well your ads are functioning with the tracking company OneStat.
  7. VisitorVille: Get great features and a fun, game-like interface from this statistics tool.
  8. Clicky: Use Clicky for simple, illustrated, and easy to digest stats.
  9. Ultimate Counter: Put a visual representation of your hits on your website with the Ultimate Counter. The counter provides some basic stats for your page as well.
  10. Smart Tracking: Cut and paste a few lines of HTML on your site and start tracking your visitors with Smart Tracking. Get reports on hits, visitors, what pages are most popular, and more.
  11. Alexa: Alexa is a popular Web tracker that allows users to track their traffic and links. You’ll also be able to examine site visitors using graphs and lists contained in an easy-to-use toolbar.
  12. TrafficEstimate: Get a quick estimate of the traffic your site, or any other site, is getting with this easy-to-use tool.
  13. pMetrics: Get detailed statistics on every visitor to your site and more features than any other stat site at pMetrics.
  14. Urchin: Use Urchin to get reports on where your visitors come from, how they navigate your site, and conversion tracking. This is a great option for sites that can’t use Google Analytics due to firewalls or internal networks.
  15. WebSTAT: Get this cheap, easy tool to track analytics for your business or non-profit.
  16. Enquisite: If you’re focused on search engine and PPC traffic, Enquisite is your tool. It will tell you all about page position, landing pages, geodata, and lots more.
  17. Nielsen Net Ratings: Check out Nielsen to compare your web analytics with other sites in your industry.
  18. Site Meter: One of most popular web stats sites, Site Meter can give you tracking results on the number of visitors, views, and geographic information.
  19. Mint: Mint provides stats that can help you identify what parts of your site visitors are most interested in, plus loads of other features.
  20. FEEDJIT: Get real-time stats on your web traffic, including where your visitors are coming from and what they’re looking for, with FEEDJIT.
  21. Statsaholic: Get “website traffic comparisons on steroids” with this service that allows you to compare traffic for up to three domains at once.
  22. URLTrends: Get weekly or monthly updates on your site’s stats with URLTrends.
  23. Vendor Discovery Tool: Find out what analytics tool your favorite websites are using with this tool.
  24. Opentracker: Opentracker offers services which include reporting of customer behavior and traffic statistics
  25. VisiStat: For real-time tracking with campaign management, keyword analysis, maps, and visitor reports, check out VisiStat.
  26. ClickTracks: Take a look at your campaigns, navigation patterns, and stats on PPC, SEO, and ROI, all in one easy to use tool.
  27. GoStats: Whether you’re looking for a free service or a professional solution, GoStats can provide you with the web statistics you need.

Visitor Behavior Tools

It’s one thing to learn about how visitors get to your site, but it’s another to find out what they’re doing once they get there. Check out these behavior trackers to step up the usability and retention of your site.

  1. Crazy Egg: Supplement your analytics with some cool visuals. Crazy Egg will give you heat maps, lists, and overlays to let you know everything that’s going on with your site.
  2. MoveMetrics: With this map-based analytics tool, you’ll be able to see where visitors go, what they do, how products relate, and a lot more.
  3. Snoop: Get real-time visitor tracking with this tool that streams activity to your desktop.
  4. Omniture SiteCatalyst: Identify profitable paths in your site, where visitors drop off, and how different visitors react to your site with SiteCatalyst.
  5. iWebTrack: Get buying trends, visitor activity, system behavior and more with iWebTrack.
  6. VBIS: With VBIS, you’ll find out how many times visitors come to your site before buying, which customers actually buy, and lots more.
  7. Coremetrics: Get actionable information on effectiveness, marketing, and visitor visualization with Coremetrics.
  8. Deep Log Analyzer: Find out everything from how many visitors fill out your form to where they live with the Deep Log Analyzer.
  9. Clicktale: Get a video representation of what your visitors are doing on your site to better understand their behavior and take action on usability.

Blog Tools

Many of the tools we’ve mentioned so far are geared towards general web use. Check out this collection to get tools that are specially designed to analyze and improve traffic and conversions for your blog.

  1. Conversation Tracker: One way to keep track of the popularity of your blog is to track “conversations” that are formed every time someone links to your blog. This tool from BlogPulse makes it easy. Just enter a URL or search term and get your results.
  2. Trend Search: Keep track of your buzz with this easy-to-use tool. Create graphs that track user interest for keywords, links and phrases on your site.
  3. IceRocket: Get some free blog tracking from Ice Rocket. It’s easy to download and implement, and offers quick results.
  4. Xinu: Check out this tool that integrates with other web 2.0 stats tools so that you can look at everything all at once.
  5. Measure Map: Understand what your blog’s visitors do and see how you’re influencing the world with Measure Map.
  6. FeedBurner: Bring more subscribers into your blog by creating your own feed with FeedBurner. Additionally, you’ll be able to track and use optional advertising.
  7. iBlogStats: Get Web 2.0 stats for your blog’s bookmarks, rankings, backlinks, and a lot more with iBlogStats.
  8. WassUp: Get this WordPress plugin, and you’ll be able to track visitors to your blog in real time.
  9. Blog Patrol: Use this free blog counter to find out who is coming to your site and what is bringing them there.

Articles, Guides and Case Studies

Once you’ve got the stats, read these informative pieces to find out what to do about them.

  1. Ultimate Web Analytics Comparison Resources: We’ve shared a lot of web analytics tools here, and this article by Web Analytics World offers a head to head comparison of a number of them.
  2. 6 Ways to Improve Conversion Rates for More Subscription-based Revenue: For those hoping to make money off of blogs, you’ll need to get a legion of loyal subscribers who’ll visit your site regularly. This article from doshdosh will give you some pointers on the best way to do that, with 6 easy tips.
  3. 5 Keys to Improving Website Conversions: Here you’ll find 5 simple things you can do that will make a big difference in the success of your web venture.
  4. Measuring Visitor Engagement and Behavior: Understand why behavior tracking is important and how you can use it to your advantage with this article.
  5. How Do I Improve My Website Conversion Rate?: Check out this multi-part guide by Steve Jackson on improving conversion rates to help your website make a bigger impression on visitors.
  6. Learn to Monitor Your Stats: Get a rundown of the basics of web analytics in this article.
  7. The Secret Statistics in Split RSS Feeds: Learn how to look at Google Reader numbers by using the advice in this article.
  8. Web Analytics: Understanding Visitor Behavior: Learn how to go beyond the hit counter with new tools that track the way your visitors behave.
  9. Summary Web Analytics Tutorial: Read this to get a detailed tutorial on web analytics.
  10. eMetrics: Rachel Scotto of Sony Pictures: Find out how Sony Pictures tracks the success of their sites in this case study.
  11. Hacking Your Wordpress.com Stats: Learn how to take your included WordPress stats tool from limited to highly informative.
  12. Understanding Google’s Conversion-Tracking Mechanism: This guide from O’Reilly can help demystify Google’s conversion tracking tools.
  13. Seven Web Analytics Sins: In this white paper, you’ll learn how to identify search terms that convert, discover pages that influence conversion, and how to avoid the seven deadly sins of web analytics.
  14. Are You Into Internal Site Search Analysis? You Should Be: Learn why it’s important to find out what visitors are searching for once they get inside your site.
  15. Mint and iPhone: Two great tastes that taste great together: Check out this guide from TUAW that runs down how to use the Mint tracking tool on the iPhone.
  16. Negotating a Web Analytics Vendor Contract? Check SLAs: Learn why it’s vital to pay attention to Service Level Agreements when negotiating a web analytics vendor contract.
  17. 5 Ways Google Analytics Can Help Increase Traffic to Your Website: Check out these techniques for analysis that work not just for Google Analytics, but most analytics packages out there.
  18. Blog Conversion: How Do You Get Users to Subscribe?: This article is in response to a reader question about increasing subscriptions. It gives some great advice on how to modify your website.
  19. Understand Visitor Behavioral Pattersn to Maximize Sales: This article describes how you can capitalize on visitor behavior stats.
  20. The Travails of Tracking Web Traffic: This article from BusinessWeek details the difficulties in getting accurate counts on web traffic so that blog and website owners get paid accordingly from advertisers.
  21. Turning Browsers Into Buyers: Take a look at this article from Inc Magazine to get some useful guidance from leading webmasters who made subtle changes to their sites and saw big payoffs.
  22. Kick Butt With Internal Site Search Analytics: Learn how to make the most out of this powerful customer intent tool with this article.
  23. Why Track Your Visitor’s Behavior: This article explains the why and how of visitor behavior tracking.

Blogs

For ongoing advice and commentary on web stats, conversions, and user behavior, check out these blogs.

  1. The Conversion Chronicles: This blog can give you guidance, case studies, resources and tools to help your site be more profitable.
  2. The Conversion Doctor Blog: Get some Website advice from Eric Graham on how to improve your conversions, usability, and marketing success.
  3. Website Conversion Expert Blog: Blogger Dan Lok discusses how to improve conversions and web marketing on this site, as well as other issues like copywriting.
  4. Conversion Rater: This blog is full of ideas and tips on how to improve your conversion rate and turn idle browsers into customers or subscribers.
  5. LunaMetrics: Learn how to increase your conversion rate with advice and articles from LunaMetrics, a company that specializes in using web analytics to help companies make more sales.
  6. Web Analytics World: Manoj Jasra’s blog covers everything on analytic tools, blog promotion, SEO and more.
  7. Web Analytics .be: Get guidance, news, and insight on web analytics with this Belgian interactive agency’s blog.
  8. Web Metrics Guru: Learn everything you ever wanted to know about web traffic, online marketing and social media with this blog.
  9. Web Analytics Guide: Web analytics beginners will get a leg up on learning with this blog. It includes an informative intro to Google Analytics.
  10. Occam’s Razor: Independent consultant Avinash Kaushik blogs about web analytics from his own personal experience and expertise.
  11. Web Analysis, Behavioral Targeting and Advertising: Learn about targeted analysis on this blog.
  12. Unofficial Google Analytics Blog: Get all the information you need on Google Analytics on this blog from ROI Revolution.
  13. Visual Revenue: Check out this blog to find out how you can increase your site’s revenue through analytics.
  14. Instant Cognition: Read articles on WebSideStory, Statcounter, FeedBurner, Google Analytics and other web analysis tools on this blog to help you make sense of your stats.
  15. Tracking Techniques: Blogger Chris Furlong discusses everything related to web analytics.
  16. Web Analytics Demystified: Based around the successful book of the same name, these three bloggers give advice on how to make analyzing your site easier and more productive.

Associations

These associations, forums, and other discussion platforms will help you connect with others who are knowledgeable about web analytics.

  1. Web Analytics: An Hour a Day: Read this book from analytics expert Avinash Kaushik for insight on data collection and understanding visitors.
  2. The Web Analytics Discussion Forum: Converse with web analytics experts on this forum to find out more about the field and how you can use it better.
  3. Web Analytics Association: This professional association for web analytics developers and entrepreneurs provides standards, advocacy, and a lot more.

The Premium Content Toolbox: 100+ Guides, Tips and Resources to Make Money Off Of Paid Memberships

Tuesday, December 18th, 2007

Offering paid content is an excellent way to monetize your website. Whether you’re creating premium blog content or writing e-books, there are loads of resources out there designed to help. We’ve compiled over 100 of the best here.

Why Premium Content?

Check out these resources that define exactly why you should consider creating a paid membership portion of your site.

  1. Building Paid Membership Sites for Money: Dosh Dosh explains why paid membership sites are a profitable business model in this article.
  2. 6 Reasons Why You Should Start a Membership Website: Learn how membership sites work and what they can do for you in this article.
  3. Why Having a Paid Membership Web Site is Important: Learn why paid memberships are the way to go in this article.

How

Find out how to create a premium content site with these resources.

  1. The 5 Ways of Making Money from Online Content: Learn how you can profit from online content in this article.
  2. How To Launch a Successful New Membership Site: Use these successful methods to create a profitable membership site.
  3. Starting a Paid Membership Site: The Affiliate Blog has some helpful tips for starting your own paid membership site.
  4. Membership Website Handbook: This resource is loaded with ideas and strategies for membership websites.
  5. The 12 Most Important Things to Consider When Starting an Online Magazine or Membership Website: Build your paid membership site well from the very beginning, and you’ll reap the rewards later on.
  6. Using Job Boards to Monetize Your Website: Read this article from Dosh Dosh to consider using paid memberships for a job board.
  7. Membership Website Publishing: Find out how successful membership website publishers do it in this report.
  8. Teaching Sells Report: Download this report to learn how to build a paid membership website.

Content Tools

The first step in premium content is creating it. Use these tools and resources for content generation.

  1. Google Groups: Search through Google Groups discussions in your topics to see what issues people are interested in hearing about.
  2. Trade Shows or Industry Conferences Are a Great Source of Content: Read this article to find out how to generate content from these offline sources.
  3. Craigslist: Check out the jobs, services, and discussion sections to see what average joes are looking for in your area and beyond.
  4. A Simple Four Step Strategy for Developing Content That Connects: Learn how to engage your audience in your paid membership content so they’ll keep coming back.
  5. No Cost Copywriting Lesson From a Wildly Successful Membership Website Publisher: Read this article to brush up on your copywriting skills for better sales and subscriptions.
  6. Confessions of a Highly Successful Website Copywriter: Learn how to write sales letters that convert to sales with this course.
  7. Seven Rules About Writing for a Membership Website: Learn how to write for your membership website by reading this article.
  8. Where Can I Find Good Content For My Website?: Learn how you can provide good content for your readers in this article.
  9. Technorati: Get ideas for posts through current topics in blogs. Especially useful is their “hot tags this hour” feature.
  10. SiteLife: Give your members the opportunity to interact with each other usi