Free Tools for Design, Development and SEO
We're not a design studio and we don't sell design services (see About), so there's no angle here beyond pointing you at tools that are actually useful. This is a working list of 468 tools spanning web design, web development, mobile and SEO. Search by name or filter by tag to find what's relevant rather than scrolling the whole list. If something's missing or broken, tell us.
Showing 468 of 468 tools
W3C Validator
Check the validity of Web documents.
Evernote
The Evernote family of products help you remember and act upon ideas, projects and experiences across all the computers, phones and tablets you use.
Designmodo
Designmodo - Web Design and Development Magazine.
My Styles
My Style is a Google Chrome extension that allows you to insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.
Foundation
The most advanced responsive front-end framework in the world.
Webflow
Design responsive websites visually. This will save you from coding responsive websites via the code editor.
Lorem Pixel
Placeholder Images for every case. Webdesign or Print. Just put a custom url in your html and you receive a proper placeholder picture.
Color Contrast Ratio Calculator
Easily calculate color contrast ratios.
CSS beautifier
Beautifies your CSS automatically so that it is consistent and easy to read.
Blokkfont
BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.
GuideGuide
A columns, rows, and midpoints panel for Photoshop
Pictaculous
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
Adobe Kuler
Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.
Dribbble.com
Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Hues ($2.99)
Easiest way to grab and convert colors.
Google Webfonts
Hundreds of free, open-source fonts optimised for the web.
Font Squirrel
Font Squirrel scours the internet in search of FREE, highest-quality, designer-friendly, commercial-use fonts and presents them for easy downloading.
Lost Type (from $1)
The Lost Type was founded with the intention of providing unique and quality fonts based on a pay-what-you-want model.
Typecast (from $29 per month)
A browser-based app for creating beautiful, realistic and consistent designs based on typography. Free Trial Available.
moqups
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.
Mockflow
MockFlow Design Cloud provides design tools and collaboration services for designers.
Google Drawing
Chrome Extension. Create shapes and diagrams. With Google drawings you can easily create, share, and edit drawings online.
Photoshop/Indesign/Fireworks (from $49.99 per month)
Free Membership Available. Paid Subscriptions start at $9.99 per month upwards. Get access to the entire collection of Adobe Creative Cloud tools.
iOS Photoshop Actions & Workflows
Set of Photoshop Actions that save a bit of time, but more importantly, they remove the need to remember best practices for each step.
By People
A huge free bundle for web professionals, 500mb of free files in one single download.
LittleIpsum
LittleIpsum is the fastest Latin Text Generator for OS X.
awesome-fontstacks.com
Easily create bundles of beautifully matching, free web fonts, failsafe font stacks to back them up. Including ready-to-go CSS code!
Typetester
The Typetester is an online application for comparison of the fonts for the screen.
Em Calculator
Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.
Icon Finder
Search through more than 320.000 free and premium icons in an easy and efficient way.
WhatTheFont
Submit an image to WhatTheFont to find the closest matches in their database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.
MeasureIt
Firefox Extension. Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
ColorZilla
Firefox Extension. Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
Font Burner
Font Burner is the easiest way to add great fonts to your website.
Niice
Niice.co is a search engine for designers.
Pixel Dropr
Pixel Dropr is a Photoshop plugin that allows designers to collect icons, illustrations, photos, buttons and other elements.
Designer News
News for designers.
Firefox's Font Inspector
Firefox Extension. A Font Inspector is now available in the Firefox DevTools.
Cloud Comp
Provide designers a way to present comps to their clients inside of a realistic device shell.
Sidebar.io
Sidebar provides the 5 best design links, every day
Intuitive Color Picker
Color picker for data driven design
HEX to RGB Converter
A simple HEX to RGB converter.
Alfred Workflows
Amazing workflows ranging from simple actions to mindblowingly clever use of scripts and web services.
PLTTS
Search for colour palettes from ColourLovers. It's easy to search for a palette with any specific colour.
Patternizer
Patternizer is an easy to use stripe pattern generator. It's lots of fun and free!
Basecamp
Basecamp is the leading web-based project management and collaboration tool. To-dos, files, messages, schedules, and milestones.
Sprite Box
Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image.
XRAY
XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.
Deviantart
Community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints.
Web design library
A brilliant inspiring resource that will become a treasure resource for your creative inspiration, proposing you new ideas and images.
Stylevault
Showcase to show off talents for designer.
Behance
Showcase and discover creative work on the world's leading online platform for creative industries.
The design inspiration
The Design Inspiration: Daily Logo Designs, Illustration Art, Website Showcase, Business Cards, Photos and Patterns
Colour lovers
COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.
Color hunter
create and find color palettes made from images
Colorotate
Take control of colors with the intuitive 3D color scope.
Stripemania
Seamless striped background image generator.
Fontstruct
Build, Share, Download Fonts
Dafont
Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.
Lorem Ipsum
Dummy Text
Typeface.js
With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images.
Zend Studio
Design Web and Mobile Apps Faster With Zend Studio.
Refelction.js
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
Lightbox 2
Lightbox is small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers.
Animate.css
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.
VideoSWS
HTML5 Video Player Comparison
Layer Styles
open source CSS builder for shadows, backgrounds, and borders
HTML-Ipsum
Dummy Text for html
NounProject
Download your favourite icons without worrying about attribution in world's visual language..
CopyPasteCharacter.com
HTML entities copying & pasting site.
Bounce
A fun and easy way to share ideas on a website.
CeeVee
So at CeeVee all you have to do is mention the positions you're interested in. No CV or job description is required.
Wordmark
Wordmark.it helps you choose fonts by previewing a word of your choice with the fonts installed on your computer.
0to255
0to255 is a simple tool that helps web designers find variations of any color.
Frame Box - Lightweight online tool for creating mockups
Lightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free in use.
Smush.It
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files.
Wridea.com
Wridea is a web service first to avoid ideas being forgotten, then to organize and improve those ideas by giving you the opportunity to share your ideas with friends and necessary tools to improve your ideas by yourself and individually.
Clue
A fun and easy way to test what people remember on your website.
Thoughtboxes
Thoughtboxes makes it easy to get organized, complete tasks, and collaborate.
TinEye Reverse Image Search
TinEye is a reverse image search engine. Give it an image and it will tell you where the image appears on the web.
Create Free Privacy Policy
With GeneratePrivacyPolicy.com you may create professional privacy policies with our user friendly tools. Privacy policy agreements are tailored specifically for your website, your business and your requirements.
W3C Feed Validation Service
Validate RSS feeds
Geo Sitemap Generator
Generate HTML markup by filling out form with company info and generate a KML file to submit to Google and Bing if you have multiple locations.
Dropbox
Dropbox is a free service that lets you bring your photos, docs, and videos anywhere and share them easily. Never email yourself a file again!
Droplr
The Fast Simple way to share files.
Xampp
XAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl. XAMPP is really very easy to install and to use - just download, extract and start.
Github - Gist
GitHub is a place to securely store your code, and Gist is a simple way to share snippets and pastes with others.
DiffChecker
Diff Checker is a free online diff tool that gives you the text differences between two blocks of text. Enter the contents of two files and click 'Find Difference!'
Mou
The missing Markdown editor for web developers
JS Bin
JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.
Dabblet
Dabblet is an open source interactive playground for quickly testing snippets of CSS and HTML.
Bootstrap
Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
Sassaparilla
Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass
SuperheroJs
Creating, testing and maintaining a large JavaScript code base is not easy- especially since great resources on how to do this are hard to find.
Spiffing CSS
Brits, take control of the web. Spiffing allows you to write your CSS and stylesheets in conformance to proper British English (also known as correct English) grammar and spelling regulations.
Web Development Estimator
The Web Development Project Estimator is a simple tool that allows web designers and site developers to quickly and thoroughly estimate the time and materials required for a proposed web project.
SassMe
Visualize SASS color functions in real-time without compiling.
JQuery Mention Input
jquery.mentionsInput is a small, but awesome UI component that allows you to "@mention" someone in a text message, just like you are used to on Facebook or Twitter.
Browser Diet
The definitive front-end performance guide
Browser Hacks
Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
Emmet
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:
CodePen
CodePen is an HTML, CSS, and JavaScript code editor right in your browser with instant previews of the code you see and write.
CodeVisually
CodeVisually is a directory of tools and solutions for web developers. A resource that offers a simple method to painlessly find the resources you need and fast.
prefix-free
prefix-free lets you use only unprefixed CSS properties everywhere.
Dash
Dash is an API Documentation Browser and Code Snippet Manager. Dash searches offline documentation of 80+ APIs and stores snippets of code. You can also generate your own documentation sets.
Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights
WordPress
WordPress is web software you can use to create a beautiful website or blog.
Joomla
Free and open source. Joomla is the mobile-ready and user-friendly way to build your website. Choose from thousands of features and designs.
Expression Engine (from $299)
Crafting Software, Supporting Success. EllisLab makes the tools you need to conquer any web project and the support to make it a success.
Drupal
Drupal is an open source content management platform powering millions of websites and applications.
Radiant CMS
Radiant is a no-fluff, open source content management system designed for small teams.
Temboo
Temboo provides normalized access to 100+ APIs, databases and more. Free SDKs for Java, Android, iOS, PHP, Python, Ruby and Node.js.
Coda 2 (from $99)
With Coda 2, we went beyond expectations. With loads of new, much-requested features, a few surprises, and a seriously refreshed UI, this update is, truly, major.
SublimeText 2 ($70)
Sublime Text is a sophisticated text editor for code, markup and prose.
TextMate (from $59)
TextMate brings Apple's approach to operating systems into the world of text editors. By bridging UNIX underpinnings and GUI, TextMate cherry-picks the best of both worlds to the benefit of expert scripters and novice users alike.
Aptana Studio
The world's most powerful open-source web development IDE just got better. Build web applications quickly and easily using the industry's leading web application IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development tool.
CyberDuck ($23.99)
Cyberduck is an open source FTP, SFTP, WebDAV, Rackspace Cloud Files & Amazon S3 browser for Mac and Windows.
FileZilla
FileZilla is open source software distributed free of charge under the terms of the GNU General Public License
Transmit ($34)
You need to transfer files. Maybe to an FTP or SFTP server, or the cloud via Amazon S3, or using WebDAV. You maintain a website, do backups, or upload photos.
FireFTP
FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers.
Firebug
Tools for web development. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse.
HTML Entity Character Lookup
Using HTML entities is the right way to ensure all the characters on your page are validated.
Browser Shots
Check Browser Compatibility, Cross Platform Browser Test
Pingdom
Website Speed Test
Test Everything
test everything - 100+ tools in one!
CSS Sprite Generator
A tool for generating image sprites and CSS for your web site. Using this tool can help you dramatically reduce the number of HTTP requests made for higher performance.
Web Developer Toolbar
The Web Developer extension adds various web developer tools to the browser.
Domainr
Domainr finds domain names and short URLs. Instantly check availability and register for all top-level domains.
Load Impact
The web's most popular on demand load testing service that lets you stress test your website with just a few mouse clicks.
What's My Browser Size?
A simple and beautiful way to find out your browser size.
Timehub
Save yourself some time and send invoices with ease.
Heyoffline.js
Warn your users when their network goes down. Make sure they don't lose anything.
Chardin.js
Simple overlay instructions for your apps.
Mincss
Clears the junk out of your CSS
CSSCSS
csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.
CSS3 Click Chart
CSS3 Click Chart common stuff CSS code.
CodeKit
Mac App for web developers. CodeKit helps you build websites faster and better.
HTML5 Boilerplate
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites.
Primer
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet.
Adobe Brackets
Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript.
Code Anywhere
Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).
Cloud 9 IDE
Write, run, and debug your code with our powerful and flexible cloud IDE.
Site Validator
Site-wide markup validation tool. Validate the markup of your whole site with just one click.
FitText.js
A jQuery plugin for inflating web type
Coding App
Online coding tool, without all the complicated stuff.
JSLint
The JavaScript Code Quality Tool
JSFiddle
mootools shell, easy test you snippets before implementing
CSS3 PIE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
Chrome Developer Tools
The Chrome Developer Tools (DevTools for short), are a set web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application.
Expandrive
Creates virtual drives for Amazon S3 and FTP/FTPS/SFTP connections. Commercial application with a trial version for Windows and Mac.
CSS Validator
Check the validity of CSS documents.
jQuery UI
jQuery: The Write Less, Do More, JavaScript Library
Clean AJAX
Clean is an open source engine for AJAX, that provides a high level interface to work with the AJAX technology.
CleanCSS
Optimize and format your CSS using a variety of different compression settings. Fixes sloppy code and generates clean and concise CSS.
XHTML Character Entity Reference
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you're new to this site, you can find help on how to use this reference.
WIX
Build a Free Flash Website, Easy to Use Free Website builder.
Best free templates
Free CSS templates
Browsercam
Screenshot service and remote access service for cross browser testing, cross browser compatibility testing, web browser testing, and html email testing.
Are my sites up?
SIMPLE Website monitoring. When your websites go down, be the first to know.
WeTransfer
WeTransfer is a free service to send big or small files from A to B
CakePHP
CakePHP makes building web applications simpler, faster and require less code.
bit.ly API
API Documentation and Resources
jQuery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Zen Coding
Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing.
Git
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
DocHub
Code Editor.
HTML5 - Edition for Web Developers
Edition for Web Developers
CSS3 Generator
Easily generate cross browser CSS3 syntax.
LABjs
dynamic script loader to improve website loading performance
RequireJS
RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.
Ajaxload
Ajax loading gif generator
Parallax.js
The swankiest Javascript framework for elegantly sliding pages and parallaxing backgrounds. It'll make your monocle drop.
WPtouch Pro
Instantly mobile version adding site.
Codesniffer
PHP_CodeSniffer tokenises PHP, JavaScript and CSS files and detects violations of a defined set of coding standards.
Codosaurus
Codosaurus is the only FTP Client which allows you to edit your code directly on the server, for a reasonable price!
Divvy
Divvy is a utility for Mac OS X and Microsoft Windows to quickly resize and position your windows.
Fitvids
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
Markdown
Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).
Video.js
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.
AnythingSlider
A jQuery Slider plugin for anything.
Notepad++
Notepad++ is a free source code editor and Notepad replacement that supports several languages.
BBEdit
High-performance text and HTML editor.
TitanPad
TitanPad lets people work on one document simultaneously.
Launchlist
Your one stop checklist.
iPad Peek
iPad Peek allows you to view how any website will be rendered on the iPad.
resizeMyBrowser
A simple, useful and beautiful browser window resize app for Web designers and developers.
Support Details
Support Details Tech Support Management An Interactive Agency.
The HTML5 Test
The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?
maki
maki! Just drag the bookmarklet into your bookmark toolbar, and give it a go!
Wirify: The Web as Wireframes
Wirify bookmarklet lets you turn any web page into a wireframe in one click
Fillerati - Faux Latin is a Dead Language
Dummy Text
CSS3 Menu
Beautiful css menus and buttons with css3 rounded corners, css3 gradient and css3 shadows. NO JavaScript, NO Images, CSS Only! CSS3 Menu. Drop Down CSS Menu.
Subfolio
Subfolio provides an elegant, practical and customizable web interface to your file system.
Plupload
Multiple file upload utility using Flash, Silverlight, Google Gears, HTML5 or BrowserPlus!
Try Ruby! (in your browser)
Try Ruby! (in your browser)
TABLEIZER!
A quick tool for creating HTML tables out of spreadsheet data
Tiny Fluid Grid
The happy & awesome way to build fluid grid based websites.
HTML Purifier
HTML filter that guards against XSS and ensures standards-compliant output.
HTMLform.com
The tool for designing HTML forms that you have been waiting for: No need to register, free plan available, professional results and adapted to your own language.
ScriptSrc.net
Get the latest version of the script tag for the Javascript library of your choice.
ProCSSor - Advanced CSS Prettifier
Advanced CSS Prettifier that lets you format CSS in the exact way you want. It empowers you to turn your CSS into something that is visually more compelling, and with a minimum of effort at that.
PHP classes
Free PHP Classes, PHP Tutorials, Download PHP Scripts, PHP articles, PHP Jobs, Hire PHP Developers, PHP Book Reviews, PHP Language OOP Materials.
reCAPTCHA
Captcha::reCAPTCHA - A Perl implementation of the reCAPTCHA API
Securimage
Securimage is an open-source free PHP CAPTCHA script for generating complex images and CAPTCHA codes to protect forms from spam and abuse.
freeCap
freeCap is a GPL CAPTCHA script to stop spam. It was written as a proof-of-concept at a time when there were really no other good PHP captcha scripts around (2005). For a long time I think it's not untrue to say freeCap was the best PHP CAPTCHA there was.
HN CAPTCHA
This class generates a picture to use in forms that perform CAPTCHA test (Completely Automated Public Turing to tell Computers from Humans Apart).
PEAR Date
Generic classes for representation and manipulation of dates, times and time zones without the need of timestamps, which is a huge limitation for PHP programs.
Date Class
performing calculations with dates and times
Date manipulation in PHP
ASP has a command called DateDiff which takes two dates and can tell you how many seconds has passed between them
Date::Calc Perl Module
This package consists of a C library and a Perl module (which uses the C library, internally) for all kinds of date calculations based on the Gregorian calendar (the one used in all western countries today), thereby complying with all relevant norms and standards.
Image Manipulation Class
This is a compact (one-file only), lightweight, object-oriented image manipulation library written in and for PHP, that provides methods for performing several types of image manipulation operations.
PHP Thumbnailer
PHP image manipulation library, now called "PHP Thumb". It's been a long time coming, but the third major release is complete, and I'm really excited about it.
PHP GD
PNG creation with PHP. Adding watermarks to images using alpha channels. Using imagecopymerge to create a translucent watermark
Perl GD
CPAN module for the GD graphics library. Supports basic drawing.
validaForms
This class is meant to validate the input values of Web forms. It supports several types of input validation returning localized error messages
User Input Validation Class
This is a simple class can be used to perform several types of validation of text eventually entered by the user.
Validate Form Fields Script
Use this class to validate your database inputs
WWW::FieldValidator
This module is used by WWW::Form to perform various validations on input. This document covers using the WWW::FieldValidator module as part of a Form object. In this case, the only thing you need to know how to do is to instantiate WWW::FieldValidators properly.
Strength Test
The first would fall into a "just use any word" category, which is a very bad practice for picking passwords.
Password Checker
This class can be used to generate and test passwords to check whether they are easy to discover.
Autosuggest / Autocomplete with Ajax
The AutoSuggest class adds a pulldown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key.
madrobby/scriptaculous
A collection of Web 2.0 style JavaScript libraries that help web developers to easily add visual and ajax effects to projects.
Vista-Like Ajax Calendar
The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools javascript framework, AJAX, XHTML, CSS and PHP.
JS Calendar in DHTML Suite
There is also a calendar available in the DHTML Suite for applications package.
AJAX Calendar with PHP and MySQL
This calendar function enables you to display calendars including month navigation and AJAX day status selection.
Super AJAX Calendar
By popular demand, the second generation AJAX calendar is here. I call it Super AJAX Calendar. The visual style of the calendar is refreshed and many new features are added in this version.
dhtmlxScheduler
dhtmlxScheduler is a JavaScript event calendar that allows you to add a Google-like scheduler to your web app or website. Intuitive drag-and-drop interface allows the end users to quickly manage events and appointments in different views: Day, Week, Month.
Accessible Slider
jQuery UI selectToUISlider plugin with ARIA support, making the jQuery UI slider widget more accessible to users on assistive devices.
Slider Using PHP, Ajax And Javascript
slider using php ajax and javascript,
WebFX Slider
Sliders are useful controls for choosing a value in a range of values.
Grid3
Grid
dhtmlxGrid
dhtmlxGrid is an Ajax-enabled JavaScript grid control that provides cutting-edge functionality, powerful data binding, and fast performance with large data sets.
AJAX Data Listings Engine
AJAX data listings engine with PHP and mySQL (BETA)
Draggable Content Scripts
This scripts enables you to rearrange rows in a HTML table by using drag and drop. One example of use is to rearrange articles in a Content Management System(CMS)
DragResize
This is an easy means of adding drag and resize capability to elements on your webpage. It can drag elements around via a titlebar or the whole element, and dynamically apply fully direction resize handles to an element.
Drag & Drop Sortable Lists
Drag & Drop Sortable Lists
Scriptaculous Draggable
Scriptaculous Draggable library.
Highslide JS
Highslide JS is an image, media and gallery viewer written in JavaScript
FancyZoom
Smooth Javascript Image Zooming For Your Web Pages
TJPzoom 3
image magnifier
Ajax Script To Scale Images
present a gallery of images or just thumbnails, and when the mouse passes over an image, the image appears in full size.
minishowcase
minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.
Hoverbox Image Gallery
Image Gallery
TripTracker
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
Starbox
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well.
Unobtrusive AJAX Star Rating Bar
This script is no longer supported. Download and use this script at your own risk. There is no support offered in any way, shape or form. There are better alternatives using jQuery, we recommend using one of those.
CSS: Star Rater Ajax Version
Star Rater Ajax
jscolor
JSColor is a simple & user-friendly color picker for your HTML forms
JavaScript Color Picker
This is an advance color picker that handles RGB, HSL, and Hexadecimal values (in Full version).
Tigra Color Picker
Tigra Color Picker - Free JavaScript widget that makes it easy for your visitors to fill out color value field(s) by selecting the color from a popup palette.
Photoshop-like JavaScript Color Picker
PhotoShop-like JavaScript Color Picker
ColorPicker - jQuery Plugin
A simple component to select color in the same way you select color in Adobe Photoshop
jsProgressBarHandler
jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App.
YUI Loading Panel Widget
A YUI Loading Panel Widget
Simple Javascript Progress Bar with CSS
Simple Javascript Progress Bar with CSS
Uploadify
HTML5 or Flash Multiple File Upload jQuery Plugin Script. File uploaded tool with progress bar.
OpenCrypt IP Location API
The IP Location API enables you to detect user location based on a user's IP address. Quite simply, you provide the API with an IP address and it returns the country that IP is registered to.
IP Details
This class can be used to get geographic location of a given IP address.
amCharts
Home Interactive JavaScript Maps - amMap. amCharts is a robust charting tool that will suit any dataviz need.
FusionCharts
Delightful JavaScript Charts that work across devices & browsers, get you up in 15 mins, offer 90+ chart types and more.
XML/SWF Charts
XML version of the charts tool
JFreeChart
JFreeChart is a free 100% Java chart library that makes it easy for developers to display professional quality charts in their applications.
pChart
pChart is a PHP class oriented framework designed to create aliased charts. Most of todays chart libraries have a cost, our project is intended to be free. Data can be retrieved from SQL queries, CSV files, or manually provided.
amMap
Service for creating and supplying customized, interactive maps, to be used on websites for a monthly fee.
Google Charts API
Google chart tools are powerful, simple to use, and free
Flashmaps
At Flashmaps we provide high-end Flash interactive maps for demanding web builders.
XSPF Web Music Player
XSPF Web Music Player is a flash-based web application that uses xspf playlist format to play mp3 songs
TSPlayer
TSPlayer is a simple yet powerful way to emulate a music playing application from a website allowing you to have the same features you find in any other music playing program.
E-Phonic MP3 Player
EP Player is a skinnable Flash MP3 player that plays MP3 files on your website. Hassle free installation and fully customizable.
OS FLV
The OS FLV Player is an Open Source, embeddable player for Flash native video files.
Flowplayer
Flowplayer design is simple and minimalistic. The player will look as good on your site as it looks on ours. Fluid layout.
JW FLV Media Player
JW Player is the most popular video player on the web, live on over 2 million sites.
FLV Player
Download our FLV Player component and play FLV, MOV, MP4 (H.264 AVC) and F4V video files
OpenCrypt Video Conversion API
The OpenCrypt Video Conversion API is designed to allow you to transcode/convert video
Online FLV Converter
Get 6 FREE YouTube MP3, video downloader and converter tools for your browser. No registration required.
TinyMCE
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
Xinha
Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers.
NicEdit
NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser.
openWYSIWYG
Finally, a free cross-browser WYSIWYG editor that's packed with every rich-text editing feature you need to make your content management system that much better.
CKEditor
CKEditor is a free, Open Source HTML text editor designed to simplify website content creation. It's a WYSIWYG editor
pForm
Create HTML Form in Seconds.
Uptime Robot
Monitors your websites every 5 minutes.
Moniitor BETA
Moniitor is a FREE website stat monitoring tool, it will allow you to monitor multiple sites and check for stats.
GinzaMetrics
Generate Open Graph tags for a page
Reverse Internet
Research backlinks
SEO Site Checkup
Great overview of SEO issues w/ a site
Schema Creator (by Raven Tools)
Write schema.org markup
Bing's Markup Validator
Test your structured markup
Google's Structured Data Testing Tools
Test your structured markup
Google Webmaster Tools
Check structured markup stats
Google's Safe Browsing tool
Check for malware on a site (add site to URL)
MX Toolbox
Test to see if a site has been blacklisted - email and website
WordPress Backup
WordPress backup for themes, plugins, images, etc
WordPress Database Backup Plugin
Back up your WordPress database
Fetch as Googlebot (GWT)
Find hidden links
WordPress Firewall Plugin
Block hacking attacks for your WordPress site
Login Lockdown
WordPress Login Lockdown Plugin
MonitorHackdFiles
Get an alert if someone updates a page on your site
Blog Social Analyzer
Get social stats for posts in an RSS feed
Microdata Generator
Generate microdata for local business
Bing Webmaster Tools
Similar in function to Google Webmaster Tools, Bing offers a suite of interesting research tools and resources for webmasters.
Google Rich Snippets
Webmaster Tools to preview and customise how your site shows up in search results.
Plagiarism Checker
The best FREE plagiarism checker. Check your paper online and detect plagiarism with our software! The most accurate results, easy and usable report.
Google Analytics
Web master tool.
W3Counter
Free realtime web stats and hit counter for websites and blogs.
BuySellAds
BuySellAds.com Online Advertising Network
WooRank
WooRank is the most popular Website Review and SEO Tool. Run a free Review. Then create a Project to track and optimize your website.
Alternion
Manage multiple social media accounts with one app
The Archivist
Find and archive tweets
YouTube Analytics
Get analytics for YouTube videos
KnowYourFollowers
Twitter follower analysis, metrics, tracking
Do They Follow Each Other
See if two people are following each other on Twitter
Tweriod
Find out best times to tweet based on follower activity
Who Tweeted Me
Find out who's tweeted a link
backtweets
Find out who's tweeted a link
followerwonk
Search follower profiles by keyword in bio, location, name, URL, min following, etc.
Is It Old
See when a page was first shared on Twitter
Shared Count
Track sharing stats of any page, including Facebook, LinkedIn, Google+, Twitter, Digg, Pinterest, LinkedIn, Delicious, SU, and Reddit
Counting Tweets
Count number of tweets each link on a page has gotten
Simply Measured
Social media measurement and analytics across multiple networks
Crowdbooster
Twitter and Facebook measurement/metrics
Lanyrd
Search for social conferences and conference coverage
Social Media Firehose (Yahoo Pipes)
Track social mentions
Social Mention
Track social mentions
Topsy
Social search engine
Social Crawlytics
Pull social share numbers for every page on a site
Buffer
Schedule tweets w/o having to set a time
Google + Social Statistics
Track the top 100 users and the most popular posts on Google+
Facebook Ad Creator
Create Facebook ads
Facebook Debugging
Test Open Graph markup
TwitterPounce
Send a tweet to someone when they first tweet (like to find out when they're awake)
Google Analytics Opt Out
Opt out of being tracked by Google Analytics
Pinalytics
Get analytics for Pinterest
Ann Smarty's Mashable post
5 social media analytics Excel workbooks
Facebook Page Insights
See analytics for Facebook pages
Bookmarklet for Google Ripples
View Google Ripples for a web page w/o going to Google+ website
Google Ripples for Google+
Social media analytics
Page Monitor for Chrome
Find out when a site updates
GA Debugger for Chrome Extension
Inspect GA tracking
BuiltWith for Chrome
Check for Webmaster Tools Verification
SEO Book Webpage Similarity Comparison Tool
Find similar pages
ahrefs
See links lost in a graph
SEO SERP for Chrome
Check the position of a list of sites given a keyword
Ghostery
Find out what ad networks and tracking frameworks a page Is using (to figure out ad campaign strategies)
Ontolo's SEO Ranking Factors Report
Find the SEO ranking factors for 50+ industries
Search Metrics Visibility Report
Check visibility of top winners and losers in search
Google AdPlanner
See a site's traffic
Google's DoubleClick Ad Planner
Find demographic data by domain
Compete
Find the demographics of visitors, such as gender, age, children in household, household income, education, ethnicity (US only)
Quantcast
Find the demographics of visitors, such as gender, age, children in household, household income, education, ethnicity (US only)
SiteTrail for Chrome
Find out a whole host of competitive data about a site, including Compete, domain info, software, analytics, social stats, etc.
NetComber
Find other domains associated with a site
Google > Search tools > All results > Related searches
Find related searches
Visual Thesaurus
See how words are related in a visual way
Virante's LDA Content Optimizer
Find semantically related keywords to target for a page
Ontolo's SERP Dominator
Analyze the top 100 search results for your top keywords.
Bad Keyword & Number Stripper
Bad keyword and number stripper
Keyword Expander
Filter out keywords from a list
Wordle
Create word clouds from a list of keywords
WordStream's Keyword Grouper
Group keywords
WordStream's Keyword Niche Finder
Find niches for keywords
Ontolo's Keyword Generator
Keyword combiner
Keyword Lizard
Keyword combiner
YouTube Keyword Suggestion Tool
Keyword research for YouTube
Yahoo Clues Trend Analysis
Get demographic data for keywords
Keyword Eye
View related keywords visually by search volume, search engine
Search Latte
Run ad-hoc checks on international SERPs
Google Trends
Compare interest in different topics
Google Insights for Search
Compare search volume patterns across regions and categories
Ubersuggest
Google Suggest scraper
Soovle
Scrape suggest data from lots of SEs at once, incl YouTube and Amazon
Richard Baxter's Excel plugin
Use Excel plugin and AdWords API to pull keyword research data
Who Is Hosting This
Discover who is hosting any website.
URL Opener
Open up a list of URLs at one time
Script from Distilled
Get a script that will make your photos embeddable
Help a Reporter Out (HARO)
Find reporters you can interview with
Ontolo's Count URLs and Hostnames
Get the number of unique hostnames or URLs in your URLs list
Ontolo's Extract Unique Hostname
Get a list of unique hostnames from a URL list
Ontolo's Remove URLs by Hostname
Remove URLs by hostname - e.g., all from Twitter, WordPress, etc.
Ontolo's Remove Duplicate Hostnames
Remove duplicate URLs from the same domain from a list
Ontolo's Competitor Back Link Monitor
Check a single metric across a list of competitor domains (PageRank, backlinks, linking root domains, etc.) or check all metrics for one competitor
Ontolo's URL Reviewer
Review link building prospects by entering a list of URLs - they will automatically open in different browser tabs
Ontolo's Prospect Filter
Scrub new prospect lists against sites you've reviewed
Ontolo's Link Building Query Generator
Generate link building queries
SEER's Broken Link Building Email Template
Get email template to reach out to site owners about broken links
Linksy
Find someone's email address
Peepmail
Find email addresses for people, even if it's not publicly available
Google Results Bookmarklet
Convert Google search results pages to a format you can easily copy - table, list of just the URLs, or list of HTML to copy active links on a webpage
Citation Lab's Link Filter
Filter a list of links by keywords the URLs include
Richard Baxter's Embed Code Generator
Get embed code for infographics
MyBlogGuest
Find guest blogging opps
Directory Critic
Full list of directories
MailTester
See if an email is legitimate
Domain Hunter
Check for broken links on a page AND see if domains are available for purchase
Virante's Link Atrophy tool
Check link atrophy
Xenu's Link Sleuth
Check for broken links on a page
Link Checker for Firefox
Check for broken links on a page
Check My Links
Check for broken links on a page
searchmetrics rapid
Find out the number of internal and external links on a page
BuiltWith
Find out a site's framework, CMS, tracking, etc.
Domain Tools
Yahoo directory listing, incl description, categories
WhoIs
IP/Location
SEO Cloaking Checker (Aaron Wall)
Check a site for cloaking
Google SERP Snippet Optimization Tool
See if page titles are too long by pixels
Distilled's Video Sitemap Generator
Create video sitemap
SEOmoz's Google Algorithm Change History Timeline
Find correlations with Google updates
Annie Cushing's SEO Google Calendar
Find correlations with major updates, like Panda, Penguin, etc.
Chitika
Check search engine market share
StatCounter
Check search engine market share
Seesmic Ping (formerly ping.fm)
Let the search engines know your blog has updated automatically
Ping-o-Matic
Let the search engines know your blog has updated automatically
Richard Baxter's beastly Google Doc
Generate strategic content ideas
STAT Search Analytics
Get real-time analytics for top-performing websites in a dozen categories
BROWSEO
See SEO stats for a web page, as well as how a search engine views the page
Tom Anthony's Bulk HTTP Header Response Checker & Comparison Tool
Bulk check header responses by comparing how the URL handles two different user agents (e.g., redirects for googlebot only)
SEOmoz's Mozbar
Change your user agent to see how a site renders for that agent
AWStats
Log file analysis
Cygwin
Log file analysis
Mozbar Geo Targeting
Geo Targeting Info
GWT Rich Snippet Tester
Rich Snippets Tester
Schema.org documentation
Schema.org Full Hierarchy
Schema.org
Schema.org Creator
Google's Rich Snippets Testing Tool
Preview rich snippets
SEO Browser
View a page as a search engine does
Robots.txt Checker
Check robots.txt
Google Analytics > Traffic Sources > Social
View page speed, including time it takes to download all external files on the site
Google Developers Page Speed Tools
View page speed for web pages you visit
Web Page Test
Create videos that compare site speed of different sites
GTmetrix
Get recommendations to reduce page load speed
Google Developers
Get recommendations to reduce page load speed
SEO Book
Bulk check HTTP status codes
SeoTools Excel plugin
Bulk check HTTP status codes
Live HTTP Headers for Firefox
View HTTP header info
URI Valet
Check HTTP status code
Yext
Find discrepancies in local citations
SeoBook's rank checker
Rank checker
Distilled's Video Sitemap Guide
Learn how to submit video sitemaps for each of the video-sharing sites
Get Listed
Submit sites to local engines
XML Sitemap Validator
Validate XML in sitemaps
List
Comprehensive list of sitemap generators
PageRank extension
View PageRank for a page
BuzzStream Extractor
Pull title tag & meta desc. for list of URLs
Mozbar
View tags on a page (title, descr, anchors, Hx, image, alt text, etc)
SERPmetrics Flux
Detect SERP volatility
IIS SEO Toolkit
Great overview of SEO issues w/ a site
Big Webstats
Great overview of SEO issues w/ a site
Local Business Schema (NAP)
Generate name, address, phone microdata for local business
WordPress schema plugin (by Raven Tools)
WordPress plugin that creates schema.org markup
Facebook Object Debugger
Debug Facebook markup
Open Graph plugin for Facebook
Generate Open Graph markup for a WordPress site
Sindice
Search sites that include markup
Sig.ma Semantic Mashup
See how semantic info is searched and aggregated
Good Relations Rich Snippet Generator
Generate rich snippets for e-commerce markup language, Good Relations (a schema.org alternative)
Sindice Web Inspector
Visualize and validate the structured data content available at a given URL
Bootstrap Expo
Beautiful and inspiring uses of Bootstrap
Responsive Nav
Responsive navigation plugin without library dependencies and with fast touch screen support.
Antwort
Email template for responsive layouts.
Less Framework 4
Less Framework is a CSS grid system for designing adaptive websites.
960 Grid
The 960 Grid System is an effort to streamline web development workflow.
1140 CSS Grid ($5 donation)
1140 CSS Grid is a grid system for mobile layout.
Skeleton
A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Foundation by Zurb
The most advanced responsive front-end framework in the world.
PlaceIt
iPhone, iPad and other device screenshots automatically processed on the fly to be placed within a realistic environment of your choosing
Opera Mobile Emulator
Opera Mobile Classic Emulator
Blueprint CSS
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
Responsive Images Chart
Responsive Images Chart
jQuery Mobile
jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS.
Kendo UI
JQuery-based framework for rich UI, build HTML5 apps that look native on any device, build desktop and mobile applications for any browser.
If you're building out a brief before you approach a designer for anything beyond what these tools can cover, how to brief a graphic designer walks through what actually makes a brief useful.