Posted on Tuesday, May 13th 2008 at 21:52
Milestone 01 - 70+ High-End Components for Web Designers and Developers
35 comments so far | Digg | del.icio.us
Here at DevKick we collect high-quality components, sort them into categories and present them on the site with regular updates. But once in a while, we flag our current state and present all components since the previous milestone in a handy blog post with direct links to each component’s home page, demo and downloads.
So here is Milestone 01 - a handy collection of hand-picked, quality components sorted in framework/programming categories with the most popular component presented first in each category. Note that these components have been selected and tested during the last three months times to make sure each meets a certain quality criteria. Enjoy!
Tables
Flexigrid / jQuery
Flexigrid is a lightweight but rich data grid written in jQuery with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
TableHover / jQuery
TableHover is a jQuery plugin to highlight table rows and columns when hovering over them.
Tablesorter / jQuery
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.
TableKit / Prototype
TableKit is a collection of HTML table enhancements using the Prototype framework that implements row striping, column sorting, column resizing and cell editing using Ajax.
Calendars
Calendar / Mootools
Calendar is a MooTools Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Menus
Kwicks for jQuery / jQuery
Kwicks for jQuery is a plugin that simulates the insatiably attractive Mootools effect of the same name.
Sliding Dropdown Menu / Javascript
This lightweight drop down menu script allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.
Horizontal Image Menu / Mootools
Phatfusion image menu is a horizontal image menu that reveals more of the image as you rollover it.
ddMenu / Mootools
ddMenu is a simple MooTools-based script to create your own context menus using right-click.
Accordion / Prototype
Accordion is a well-written accordion script using prototype and scriptaculous.
Digg-like Navigation Bar / CSS
This component demonstrates how to design a digg-like navigation bar using a liquid design with rounded corners for links.
List Expander / Javascript
Listexpander can be used for any type of content that needs to be organized in some sort of hierarchy and presented as an expandable list.
TreeView / jQuery
Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.
Popups
FancyBox / jQuery
Inspired by many other lightbox-like tools, FancyBox is a image zooming script written in jQuery for those who want something fresh.
JavaScript Dialog Boxes / Javascript
Here is a small, lightweight, framework independent and ready-to-use JavaScript dialog box library that offers four dialog styles: alerts, warnings, prompts and success.
Window.Growl / Mootools
Window.Growl is a simple but handy MooTools component for creating translucent messages that are displayed over the contents of your screen.
TJPzoom / Javascript
TJPzoom is an image magnifier written in javascript. If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it.
Facebox / jQuery
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
Shadowbox / Javascript
Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page.
jqalert / jQuery
jqalert is a Javascript library that uses jQuery to create a compelling alternative to window.alert().
Modalbox / Prototype
ModalBox is a JavaScript technique for creating modern modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads.
photoViewer / YUI
photoViewer is an updated and upgraded version of a YUI Lightbox. This version offers a more robust API, better performance, greater stability and compatibility.
Tooltips
Prototip / Prototype
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
Uploaders
FancyUpload / Mootools
Swf meets Ajax for beautiful uploads. FancyUpload is a MooTools upload widget thats allows queued multiple-file upload including progress bars.
Asynchronous File Upload / YUI
While many people are familiar with YUI Connection Manager’s Ajax capability, only a few know that Connection Manager can be used to simulate Ajax-like file upload.
Charts
amCharts Pie & Donut / Actionscript
Pie & Donut is a very universal and fully configurable Flash chart. Using it, you can easily have good-looking, animated pies or donuts on your website. You can also use it for creating elaborate navigation menus.
GoogChart / PHP
GoogChart is an easier way to create charts out of data using the Google Charts API and PHP.
fgCharting / jQuery
fgCharting is a jQuery script for visualizing HTML table data with the canvas element.
TableToChart / Mootools
TableToChart is a MooTools script that can take a HTML table source and automatically draw a graphic chart based on the table data.
Flot / jQuery
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
Ajax
History / jQuery
This useful jQuery plugin helps you make your Ajax-driven page available for “Go Back” button and “bookmark” of browser.
Drag and drop
EasyDrag / jQuery
EasyDrag is a jQuery plugin that adds the ability to drag and drop almost any DOM element without much effort.
Drag. Drop Lock. / Mootools
Drag Drop Lock is a MooTools example on how to create a user interface where you can drag a box and drop+lock it inside another box.
User Interface
Mocha UI / Mootools
Mocha is a web applications user interface library built on the Mootools javascript framework.
Tags
Tag Suggest / jQuery
If you’re familiar with del.icio.us you will be familiar with the tag suggesting as-you-type support.
Ratings
Starbox / Prototype
Starbox as a prototype component that allows you to easily create all kinds of rating boxes using just one PNG image.
Forms
MarkItUp! / jQuery
MarkItUp! is a JavaScript plugin built on the jQuery library that allows you to turn any textarea into a markup editor.
Auto-Growing Textarea / jQuery
This plugin was inspired by Facebook’s auto-expanding text areas and makes it easy to have auto-growing textareas.
Securimage PHP Captcha / PHP
Securimage is an open-source free PHP Captcha script for generating complex images and captcha codes to protect forms from spam and abuse.
TextboxList / Mootools
TextboxList is a MooTools component that can create an input field that resembles the famous Apple Mail to: textfield as seen on Facebook.
Styling File Inputs / CSS
File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire.
jQuery Validation / jQuery
The ultimate goal of this plugin is to make working with forms more fun for anyone. By improving the interaction, it is easier and less annoying for the user to fill out the form and submit it.
Easy Field Validation / Prototype
The basic method is to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.
Password Strength Meter / Javascript
Password Strength Meter is a javascript designed to assess the strength of password strings.
Textarea Resizer / jQuery
Textarea Resizer allows the user to extend the textarea element/area within the web page whenever they feel.
Effects
Reflection.js / Javascript
Reflection.js uses unobtrusive javascript to add reflections to images on your webpages.
ColorBlend / jQuery
ColorBlend is a robust jQuery plugin that can fade objects from one color to another.
Speech Bubbles / CSS
Speech Bubbles is a CSS technique to create dynamic speech bubbles using CSS. Works great for blog comments.
Asciify / Actionscript
Asciify is an actionscript class to render ascii art from pictures using AS3 in real time.
Color Pickers
mooRainbow / Mootools
mooRainbow is a Javascript color picker written in MooTools that allows you to visually choose and use colors from a HSL spectra.
ColorPicker / Prototype
This prototype color picker mimics Photoshop color picker by layering transparent images.
Utilities
jQuery File Tree / jQuery
jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
Feedwriter / PHP
Feedwriter is a universal feed generator written in PHP that supports RSS 1.0, RSS 2.0 and ATOM.
PHP Mailer / PHP
PHP Mailer is a PHP email transport class featuring file attachments, SMTP servers, CCs, BCCs, HTML messages, word wrap, and more.
imgAreaSelect / jQuery
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image.
MooCrop / Mootools
MooCrop is an Image Cropping utility using the mootools javascript framework. Alone it serves no practical purpose but used in conjuction with a server side script becomes a powerful image manipulation tool.
SyntaxHighlighter / Javascript
SyntaxHighlighter is a Javascript that makes it possible for web site authors to post code snippets and have it look pretty without preprocessing on the server.
EXIF Reader / Javascript
Javascript EXIF reader is a small library capable of reading EXIF data from JPEG images.
Feeds
Data
Taffy DB / Javascript
Taffy DB is a free and opensource JavaScript library that acts as thin data layer inside Web 2.0 and Ajax applications.
Leave a Reply
35 Responses so far.
-
At 1:08 am on May 14th, 2008 , Stephen Walker wrote:
Everything you could ever need pretty much, all in one place.
-
At 7:20 am on May 14th, 2008 , Anis uddin Ahmad wrote:
NICE and USEFUL collection.
Thanks.-
At 8:58 am on May 14th, 2008 , neondragon wrote:
nice list… looks a bit like smashing magazine’s lists, but it’s ok, and also represents how far devkick has come since it began working…
congratulations
-
At 5:13 pm on May 14th, 2008 , Mike wrote:
Great Stuff! Thanks.
-
At 9:57 am on May 15th, 2008 , Robbie Done wrote:
What a great blog article, ok so I have used some of these before but having them all wrapped up on one page is fantastic….
Keep up the good blogs
-
At 2:56 pm on May 16th, 2008 , Magdalena wrote:
Every day there are new components - hard to get all together. Thanks for helpful list. As from me, I am adding one more, which I use with satisfaction:
http://www.treegrid.com-
At 3:11 pm on May 26th, 2008 , liam wrote:
Brilliant collection. Really useful!
-
At 8:22 am on May 27th, 2008 , arkar wrote:
Fantastic!!!
-
At 2:16 pm on May 28th, 2008 , Sean Nieuwoudt wrote:
Fantastic list!
-
At 6:18 pm on May 28th, 2008 , Joe Aston wrote:
Why did you include PHP Mailer? It’s dead!
Use SwiftMailer: http://swiftmailer.org
-
At 6:59 pm on May 28th, 2008 , Matt wrote:
Wow, great resource, I linked it on my blog. http://imallgoodintentions.blogspot.com
-
At 7:57 pm on May 28th, 2008 , minalecs wrote:
the starbox project under its current version is released under a license that requires payment for use. I have open sourced an earlier version of the starbox project that was released under the MIT license,
http://code.google.com/p/open-starbox/
I’m always looking for help on maintaining this project. thanks-
At 11:36 pm on May 28th, 2008 , Roy wrote:
Amazing list!
-
At 2:05 pm on May 29th, 2008 , Boris Smirnov wrote:
Very Nice ! Thank you.
-
At 7:17 pm on May 29th, 2008 , Ivan wrote:
I would like to add an app I used to create the backend of my flash website
http://www.simplesa.net
-
At 10:15 pm on June 1st, 2008 , jacob wrote:
Good one
-
At 11:49 am on June 8th, 2008 , Mayor of Kentonville.com wrote:
Thank you very much for the list. I will do my best to implement some of this magic on my site. Thanks again.
18 Trackbacks & Pings:
-
Trackback at 3:38 am on May 20th, 2008 by css menu styling:
[…] […]
-
Trackback at 4:25 pm on May 26th, 2008 by free on line navigation charts:
[…] our current state and present all components since the previous milestone in a handy blog post whttp://devkick.com/blog/milestone-01-70-high-end-components-for-web-designers-and-developers/Volunteer Opportunities Savannah Morning News Community Health Advisors […]
-
Trackback at 4:45 pm on May 28th, 2008 by » Milestone 01 - 70+ High-End Components for Web Designers and Developers Webcreatives:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers Related Stuff77 Resources to Simplify Your Life as a Web Designer65 Resources for Grid-Based Design70 Resources Professional Web Designers Choose to Follow6 Web Design Tips from Leonardo da VinciNiche GalleriesHow to ruin your website in 10 easy stepsWhat type of designer are you? : Alicia Harper DesignQuestions to Ask Yourself When a Design is Coming Up Short of Your Expectations | Vandelay Website Design99 Graphic Design Resources12 Steps to Creating a Professional Web Design | Professional Web Design Blog […]
-
Trackback at 10:35 pm on May 28th, 2008 by 70+ High End Components for Web Designers and Developers « 耕田寻梦:
[…] May 28, 2008 at 9:35 pm · Filed under 1 http://devkick.com/blog/milestone-01-70-high-end-components-for-web-designers-and-developers/ […]
-
Trackback at 1:43 am on May 29th, 2008 by links for 2008-05-29:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog (tags: article code components development gallery javascript jquery library list php plugin resources ui visualization web webdesign webdev) […]
-
Trackback at 9:01 am on May 29th, 2008 by 70 grandes recursos para web designers e developers. - 2.0 WEBMANIA - Portugal, a Web 2.0, o Mundo e a Internet:
[…] de vir a repetir-se no futuro, foi então publicada uma compilação denominada “Milestone 01 - 70+ High-end Components for Web designers and developers” e que não vai certamente querer perder. So here is Milestone 01 - a handy collection of […]
-
Trackback at 9:51 am on May 29th, 2008 by links for 2008-05-29 » 4exp.net:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog (tags: development ajax css design javascript jquery webdesign framework gallery) […]
-
Trackback at 1:35 pm on May 29th, 2008 by links for 2008-05-29 | Mior Muhammad Zaki:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog (tags: programming PHP framework DOM development CSS Code ajax javascript html library tips tools web webdesign) […]
-
Trackback at 7:32 pm on May 29th, 2008 by Seta Digital Blog » Blog Archive » links for 2008-05-29:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog (tags: webdesign css resources ajax javascript jquery web2.0 tools tutorials framework plugins) […]
-
Trackback at 8:25 pm on May 29th, 2008 by javascript kütüphaneleri ile yapılmış en iyi örnekler « basarozcan:
[…] Devkick listelemiş. Kullanım alanlarına göre kategorilendirilmiş en iyi bileşenlere buradan bakabilmeniz […]
-
Trackback at 11:34 pm on May 29th, 2008 by Daily Blog Post 05/29/2008 « Murratore’s Weblog:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog […]
-
Trackback at 12:31 am on May 30th, 2008 by links for 2008-05-29 « toonz:
[…] Milestone 01 - 70+ High-End Components for Web Designers and Developers : DevKick Blog (tags: javascript jquery ajax css) […]
-
Trackback at 11:00 pm on May 30th, 2008 by Ceyhun AKSAN : Tamamlanmamış Makaleler » Arşiv » Bu Hafta Olanlar:
[…] Web Tasarım ve Geliştiriciler için derlenmiş ajax kaynaklı bir çok çalışmanın yer aldığı güzel bir yazı okudum. […]
-
Trackback at 7:00 am on June 1st, 2008 by image zooming technique:
[…] […]
-
Trackback at 10:11 am on June 2nd, 2008 by FreebiesLinkShare.Com:
70+ Components for Web Designers and Developers…
A great list of components for web designers and developers. Compiled by Devkick.com a web development weblog for designers….
-
Trackback at 2:30 pm on June 8th, 2008 by Liu Zhongshu » Blog Archive » 收藏Javascript相关两篇:
[…] Javascript […]
-
Trackback at 6:10 pm on July 8th, 2008 by fly flot:
[…] […]
-
Trackback at 9:04 am on July 13th, 2008 by » Links for sunday #1 codegeeks: pure coding:
[…] http://devkick.com/blog/milestone-01-70-high-end-components-for-web-designers-and-developers/ Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]
