Louis Harboe, a talented icon and interface designer, is sharing a set of 35 credit card icons in his blog Graphicpeel.
Icons include all major credit card providers like Visa, Mastercard, American Express, etc. with multiple versions and also there are items for PayPal, Google Checkout or Amazon too.
They are sized 32*32px and come in .PNG format.
If you're not experienced in JavaScript, hearing jQuery is great but thinking it can be something difficult or want to improve your jQuery skills, you might love this.
jQuery Fundamentals is a free online book (there are PDF and ePub versions too) that can be a guide for any developer but specially for JS and jQuery beginners.
It starts from JavaScript basics, moves to jQuery basics and, if you want, there is a detailed chapter on advanced jQuery usage.
All with examples, exercises and their solutions (comes with the download).
Simply, a must-bookmark for every web designer and developer.
The Square Grid is a CSS framework which is based on 35 equal-width columns.
It is equipped with a 28px baseline-grid for a smooth vertical rhythm. Each block (DIV) is defined with a margin of 1 square (28px) from the next block and the total width of the grid is 994 pixels.
Besides the CSS file, download package also comes with templates for Photoshop, Illustrator and InDesign + there is a PDF sketch file included.
TinyFader is a slideshow script that auto-rotates any number of items inside an unordered list.
It doesn't rely on any JavaScript frameworks and weights only 1.4kb.
The script can display not only images but any HTML content and can be browsed with prev-next buttons or with the help of pagination.
Using CSS, it is possible to change the look of the slideshow and there are several options for customizing how it functions like "whether the first slide will be displayed on load", "the slide will be resumed after being interrupted" and more.
Agile Uploader is a free file uploader that works very fast by resizing them on the client-side and uploading afterwards.
The resizing process is done via a Flash file and it can handle both single and multiple files.
The uploader's submit button is not inside the Flash file so it can be customized and there are various JS callbacks provided (there is also an optional jQuery plugin).
Flash part is also flexible as it has settings like styling or resize-quality.
Agile Uploader also comes with sample PHP files for the upload process.
WPZOOM, a premium WordPress themes community, is sharing a complete set of social bookmarking icons.
The set includes 500 items which is actually 100 icons in 5 different sizes- (64×64, 48×48, 32×32, 24×24 and 16×16px).
Icons are in .PNG and .PSD formats and the package includes almost every popular social bookmarking website.
So So Social is a jQuery plugin which parses RSS feeds from your various social networks and displays them as an "activity feed".
Thanks to YQL, it doesn't require any server-side scripts and can be completely customized with the help of CSS + JS settings.
By default, the plugin supports Twitter, Facebook, WordPress, Tumblr, Last.FM, Delicious and Flickr.
In order to add more services, just digging the code and extending it with the same methodology will be enough.
While starting a web project, we usually use a set of resources like CSS-reset, various JS hacks for IE, etc. to overcome browser incompability issues.
HTML5 Reset is a project which aims to offer a base for the HTML5-CSS3 projects which covers these issues by default.
Besides the standard HTML tags, it has rules to reset the new tags like title, header, footer and JavaScript-powered fixes for IE.
Inside the download package, there is also a sample content provided to help you get started.
Previously, a post at WRD was sharing the free vector icons created by Webalys.
Lately, there are 2 great additions to these free resources offered and it almost became a UI design framework.
The new resources are a GUI Library which includes 100s of items and a Styles Library which has 200 styles, both to be used in Illustrator.
The set is simply a must-bookmark for designing wireframes faster and creating better mockups.
A/B Testing is a great way for finding the better performing version of text, layouts, images, colors or any other element. in a website.
phpA/B is a free PHP script that enables you to setup A/B tests on your website so quickly.
It integrates automatically into your Google Analytics, allowing deeper insight into your tests’ impact on users.
The script can be run in trial mode to find out if the variations are working completely and, if it is, can be switched to live mode.
phpA/B also automatically filters search engine bots out of your tests to keep the data clean.
P.S. More on A/B Testing on Wikipedia.
