Graphing/Charting Data on Web Pages: JavaScript Solutions

Aug 4 2008 by Jacob Gube | 19 Comments

Effective data visualization allows users to easily understand and consume otherwise complex, boring information. Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are a variety of ways you can plot data on-the-fly – but in this article we’ll focus on 10 excellent JavaScript solutions to graphing/charting data that allow you to process data client-side. You’ll also find a link to one of the demonstration pages of the script so that you can see it in action.

Flot

Flot - Screen shot.

continue reading »

Web-Based Tools for Optimizing, Formatting and Checking CSS

Jul 12 2008 by Jacob Gube | 26 Comments

Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services. Check them out and pick the ones that work best for you.

Optimizing and Compression

CSS Optimizer

CSS Optimizer - screen shot.

continue reading »

12 Websites To Help You Learn Flash/ActionScript

Jul 10 2008 by Jacob Gube | 68 Comments

Adobe Flash is an excellent technology that allows developers to add interactivity and smooth animations to web pages. Its popularity is so immense that you’ll find many websites dedicated to helping developers interested in Flash.

In this article, you’ll find 12 wonderful websites that’s worth a bookmark if you’re looking into sharpening your Flash development skills. For each entry, you’ll find three tutorials from the website so that you can see what’s in store for you.

1. kirupa.com

kirupa.com - screen shot.

continue reading »

Cheat Sheets for Front-end Web Developers

Jul 7 2008 by Jacob Gube | 151 Comments

Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office.

In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

So go ahead – print out your favorites and pepper your workspace with these wonderful references.

HTML/XHTML

1. HTML Help Sheet

HTML Help Sheet Screenshot

continue reading »

25 Outstanding WordPress Designs

Jun 25 2008 by Jacob Gube | 47 Comments

WordPress is a popular, versatile, highly-customizable publishing platform. It’s used primarily for blogs, but with a little bit of innovation – it’s utility is limitless.

If you’re contemplating on creating a theme for your newly-established WordPress installation or looking for design inspiration for an existing one, check out these 25 hand-picked, beautiful WordPress designs that showcase the creativity of its designer and the malleability of WordPress.

1. 3.7 Designs

3.7 Designs - Screenshot

continue reading »

Learning MooTools: 20 MooTools Tutorials and Examples

Jun 19 2008 by Jacob Gube | 19 Comments

There are literally over a hundred of JavaScript frameworks out there that make writing complex client-side code significantly easier. If you’re in the market for a powerful, relatively lightweight, and customizable JavaScript framework, MooTools is worth checking out.

To help you get on your way to developing highly-interactive web applications using MooTools, here’s 20 tutorials and working examples that’s worth a read.

Getting Started with MooTools

1. The "Mootorial"

The Mootorial - Screenshot

continue reading »

Readers Pick: 12 Excellent Websites to Follow if You’re into Web Design

Jun 14 2008 by Jacob Gube | 28 Comments

The easiest way to keep up with the latest news and resources is by subscribing to RSS feeds of your favorite sites. When I wrote an article called "30 Websites to follow if you’re into Web Development", I knew I couldn’t include everyone’s favorites, so I asked readers to suggest other websites worth following.

This is a collection of just some of your suggestions. Each entry has a link directly to the site’s RSS feed, but if you want to include all of them into your feed reader, here’s an OPML file for all of them.

1. CSS-Tricks

CSS-Tricks - Screen shotSuggested by: Matthew Adams of 101PoundWebsite.com, David Lano of David Lano’s Blog, Jake of DesignerFied.com, and Nodster

continue reading »