365psd is a website which publishes one quality PSD file every day that can be used in our designs for free.
PSDs are created by different designers & they can be browsed simply with prev-next buttons.
Also, they are tagged (including the colors) which will make finding similar items easy once the number of files get bigger.
Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3.
There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.
The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).
Fuel Your Interface, a blog focused on UI design, is presenting a free web-design UI wireframe kit.
The kit comes as a .PSD file which is completely built with shape objects (in some cases converted into SmartObjects).
It includes the most frequently web design objects like buttons, forms, pagination, tabs, breadcrumbs & much more.
NexusFont is a free Windows application for easily managing fonts.
It is a very useful application specially when trying to decide "which font to use" for a specific text as it can "display outputs of a custom text with various fonts" in a grid.
The application has support for TrueType, OpenType & Adobe Type1 fonts.
NexusFont can help installing/uninstalling fonts, finding duplicates, anti-aliasing, renaming & more.
Also, it can export the preview lists as images which is a nice feature when sharing the options with clients, colleagues, etc.
Iconizer is one of the latest online generators that you may find useful.
It is a free & web-based application, from the makers of popular Preloaders.net, that enables you to customize various popular icon sets online.
Iconizer allows you to select an icon from a list of well-categorized icon sets and:
Although the application is very useful, what would be even better is "selecting the whole icon set" & ability to customizing it in bulk.
JankoAtWarpSpeed is sharing a free kit for easier sketching & wireframing of websites / web applications.
The kit consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.
It comes in .AI, .SVG, .PDF & .EPS vector formats and completely free for personal + commercial use.
Google Browser Size is a visualization tool by Google Labs that shows any website behind an overlay of browser-window-sizes average
The overlay information is actually created from the data of people who visit Google (which won't be wrong to call it an average).
The tool is perfect for learning what percentage of the visitors are seeing the most important parts at initial load & what are they missing.
When you move the mouse, a rectangle which follows the mouse pointer enables us to interact with the website. And, optionally, the opacity level can be changed.
But, like mentioned, it is created with the data from google.com & will work for websites that target average internet users. It would be great to see this integrated into Google Analytics creating a custom overlay.
For a website, gaining RSS subscribers requires hard work as visitors prefer to subscribe websites with fresh/quality content & expect this to be continious.
On the other hand, RSS subscribers are very valuable loyal readers which follow the website regularly.
So, for a website, it is very important to analyze "how visitors become RSS readers" like:
Google Analytics, besides all the simplicity it offers, has a very functional event tracking method for analyzing custom events which we will be using to track new RSS subscriptions and see how to analyzing them deeper.
There are currently 2 different versions of Google Analytics tracking code used:
The asynchronous tracking code has a major advantage over the standard version's event tracking which is: it will be able to track the clicks even if tha page is not fully loaded.
Codes for both versions will be mentioned.
There are many slideshow plugins for JavaScript frameworks that makes displaying multiple images possible. However, sometimes, only a few lines of code can be what you're searching for.
Jonathan Snook published a post that describes making the "Simplest jQuery Slideshow" (demo).
The script simply converts an element that wraps any number of images into a slideshow.
After that, Thomas Fuchs, the author of the script.aculo.us, has also created one using Prototype & Scripty (demo).
They are both very useful for anyone who doesn't look for anything complicated or searching a base to improve it further.
CSS-Tricks, inspired from the succesful invoicing application Freshbooks, is sharing an editable/printable HTML invoice template.
The template uses textarea elements for the parts that display data which would make further improvements easier (like posting the form).
This invoice template can be useful for freelancers who send their own invoices or applications that send an invoice after a purchase.
There are also few other free HTML invoice templates you may want to check:
