sendcube is presenting 10 free e-mail templates that can be used in the newsletters we send.

All of them are styled with inline-CSS & tested to work in major e-mail clients like Outlook 2000+, Lotus Notes, Hotmail, Gmail, Yahoo & more.

The templates (most of them) come in 3 versions: left-column, right-column or one-column to better suit your needs.

It is possible to preview them & download only the ones you prefer or in bulk.

Dezinerfolio is presenting a fresh set of 30 free & iPhone-like vector icons.

The icons are all in one .PSD file, well-layered, ready to modify & improve.

Besides web applications, they are also suitable to be used as iPhone menu bar icons.

gRaphaël is an open source JavaScript charting library that is based on Raphaël graphics library (WRD link).

It is capable of generating both static & interactive outputs including pie, bar, line or dot charts.

The charts are created with VML & supports the most popular browsers like Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0.

There are some beautiful demos provided including the interactive pie chart & the dot chart.

Paymo, a multilanguage & web-based time-tracking / invoicing application is giving away "20 Lifetime Invoice Accounts" (normally $9.99/month) to WebResourcesDepot users. Before any more details on that:

What is Paymo?

Paymo is a very functional application for anyone (whether you're a "one-man-army" or a "team that works on same/different projects") for tracking the time that is worked on projects>tasks, analyze that time & bill your clients accordingly.

How does it work?

Users:

First thing to do is creating users (the application is totally free for up to 3 users). Considering every user may have different conditions, it is possible to set variables like workday length, timezone, week start day, etc for every user.

Clients:

It is necessary to define clients (this can be yourself for your own projects) in order to create the projects. This info is also used in the invoices.

Projects > Tasks:

That's the heart of the application, yet very simple to define & use.

Projects can be created by defining the details like: the client, budget hours, price per hour & users that will work in the project. After that, tasks can be created which are the main things that the application tracks the time of.

Read the rest of this entry »

WMD is a lightweight HTML editor which is ideal for blog comments, forum posts & basic content management.

It can be implemented into any textarea with one line of code & with an extra line, live preview functionality can be implemented.

This is not a WYSIWYG editor. Rather, it is a WYSIWYM Markdown editor (what you see Is what you mean).

WMD produces clean semantic HTML, leaving presentation details like fonts and colors up to style sheets.

Markdown: a simple markup language that’s as easy to read and write as plain-text email.

Ident Engine is an open source JavaScript library that can bring together the footprints every user leaves on various social networks.

The library supports more than 70 sites, including all the popular ones like Twitter, Flickr, Facebook or Youtube.

From Glenn Jones, the creator of the library:

Wouldn’t it be a little magical if, when you signed up for a new site, the site said something like, “We notice you have a profile photo on Flickr and Twitter, would you like to use one of those or upload a new one?”

Ident Engine makes this totally possible.

It analyzes the relations between various networks using the rel="me" tags & Social Graph API’s "lookup" method.

And, to parse the profiles Yahoo’s YQL or a .Net parser, UfXtract is used.

More technical details can be found at "Discovering Magic", an article by Glenn Jones, and you can always check the demos to see the power of Ident Engine.

Farm-Fresh Web Icons is a set of 1000 free icons which are very suitable to be used in web applications.

The set covers almost everything from actions to users, charts to weather, sounds to shapes & much more.

The icons come in two sizes: 16*16px & 32*32px. and they are all transparent PNG files.

It is very usual that a website presenting a list of images which is "longer in size than the viewport of our monitors" & we simply need to scroll to view the rest. In such cases, in order to make the websites load much faster, we can use lazy loading.

What is lazy loading?

It is a design pattern that means; not-loading a content until it is needed. Basically, it is the opposite of "preloading".

The technique is mostly used in websites that have a long list of images & rather than loading all the images at once, we see them load when we try to view them by scrolling down.

How the logic works?

Using JavaScript, it is possible to detect the following:

• the coordinates of the part of the page (x-y) we’re viewing
• the coordinates of a specific element
• the width-height of the viewport

Having these inputs, we can easily understand if a given element is in the viewport or not. And, after it becomes "in", we can make a JavaScript call to load the content.

Here are ready-to-use resources for implementing lazy loading:

Read the rest of this entry »

MilkChart is an easy-to-use yet robust MooTools library for converting tables into charts.

It uses the <canvas> tag and supports the following chart types:

• Column
• Bar
• Line
• Scatter
• Pie

 The library has a bunch of options to customize variables like:

• widths, heights
• font, font size, font color
• chart line colors & weights
• showing row names (on/off)
• & more..

MilkChart does not come with a demo page that you can play with but it is well-documented & a detailed info to start with can be found here.

There are various galleries which enables us to view beautiful websites & get inspired.

In general, these websites are categorized & presented by their purposes/functions like blogs, business, portfolio, etc.

CSSbake has a different point of view & categorizes websites with their ingredients such as:

• 404 pages
• footers
• forms
• navigation
• & much more..

which is a good way for anyone who is trying to find good practices on specific elements of a website.