Anyone who visited Mashable lately, the popular social news website, might have seen the "drag to share" functionality which appears when hovering an image.
It is a smart technique which encourages visitors to share a story by offering a quite fun usage.
Nettuts+ is sharing a very nice tutorial (with source) that enables you to implement this feature using jQuery & jQuery UI.
It makes use of the draggable & droppable components of jQuery UI to make drag’n dropping & targeting objects possible.
To see how it works, a demo is provided as well.
Requirements: jQuery & jQuery UI
Compatibility: All Major Browsers
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.
Typedia is a free-to-use community-driven resource to classify, categorize, and connect typefaces.
It works like a wiki, anyone can join, add & edit pages for typefaces or for the people behind the types.
It is possible to find out details about fonts like:
- the designers
- foundries
- country of origin
- release year
- & more..
The resource is not complete yet (and won’t be, as new fonts are created everyday) but growing & becoming a very useful resource.
Typedia also offers some other great information under the "Learn" section.
jQuery, being one of the most popular & powerful JavaScript frameworks around, is offering a slick experience to users at every level.
Its website is a huge resource of documentation, examples & tutorials for anyone who is into it.
Besides the documentation jQuery offers, following other jQuery users is a great way to learn more & get inspired to discover new ways for taking advantage of this library.
Here are 15+ blogs to follow for jQuery fans that frequently create jQuery-oriented content:
Besides being the creator of jQuery, he has other creative JavaScript-related projects like:
Not only for jQuery users but for anyone into JavaScript, his blog is a great source of information & inspiration.
The blog covers any type of updates related to jQuery from new versions to jQuery-related posts in the blogosphere, events & more.
Read the rest of this entry »
punypng is a free web-based application which can seriously compress JPG, GIF & PNG images without any loss of quality.
The application first analyzes the content of your image and figures out the best image format to use. If necessary, converts the format automatically.
It also has built-in support for dirty transparency* which can save an average of extra 10% for transparent GIF & PNG files.
What would be more amazing is the service to offer a desktop tool with context menu support.
*: an innovative technique that offers additional compression to any PNG or GIF as long as it has either 8-bit or 1-bit transparency
Requirements: No Requirements
Few days ago, the JavaScript Framework Matrix, which enables you to make a detailed comparison of JS frameworks, was shared at WRD.
Bestwebframeworks has a wider look with less detail & makes comparing PHP, JavaScript, Ruby & CSS frameworks easier.
Frameworks are listed very clearly and shows:
- their licenses
- requirements
- features
- compatibility
depending on the category viewed.
Also, it is possible to hide any framework & sort titles for a quicker comparison.
The JavaScript Framework Matrix, by Mathias Schütz, is a well-presented comparison of the popular JavaScript frameworks.
It shows examples for most of the functions which gives a strong idea on the coding principles of every framework.
The libraries included are:
- jQuery
- MooTools
- The Dojo Toolkit
- Prototype
- Script.aculo.us
- Ext.JS
- Adobe Spry
- BBC Glow
- Yahoo UI! Library
Every function/snippet provided links to the original documentation which is nice for reading more on the resource.
Last week, the 1000th post of WRD was announcing a huge giveaway of products/services that web designers & developers would love.
One week later, today, the winners are selected and they are announced at the bottom of the post.
But before that, lets remember the products/services which made this huge giveaway (32 products) possible (listed alphabetically):
Read the rest of this entry »
Well, yes. After the first post published at WebResourcesDepot, at least one new resource is shared everyday with no exceptions and here is the 1000th post.
Although there are more to share in our bookmarks & your suggestions eases finding new ones, it is a good idea to give a small break and celebrate this with a huge giveaway.
Before introducing the details of the giveaway, a big thanks to everyone who follow WebResourcesDepot via:
or any other media and contributes with their comments that help us all to learn more & improve ourselves.
Also, thanks very much to all the advertisers who support WRD.
The Huge Giveaway:
Here are the products/services which make this huge giveaway (32 products) possible (listed alphabetically):
Read the rest of this entry »
FontCapture is a simple & free web application with an impressive function: it turns any handwriting into a font.
It does not require any software and works in few steps:
- download (PDF) & print a special template
- fill it with your handwriting
- scan & upload the template
The service automatically creates your font & presents you the download file.
Also, just before downloading the generated fonts, you can see a full-preview & decide to re-create a new one or not.
P.S. The service is currently in beta status.
Requirements: A printer & a scanner
