Javascript
jQuery
Javascript framework.
SWFObject
Defacto script for embedding Flash content.
Offspring
Auto-applies .first-child, .last-child, & .only-child classes.
Dean Edwards IE7 Script
Library makes IE5/6 behave like IE7.
NicEdit
Turns any textarea into a WYSIWYG editor.
Reflection
Adds a wet-floor effect to any image.
JSLint
Identifies problems in JavaScript programs.
Jash: Javascript Shell
Cross-browser Javascript command-line debugging tool.
jQuery Essential Widgets
jQuery UI
Official jQuery user interface components and interactions.
jdMenu
Accessible, hierarchical dropdown menus.
idTabs
Simple tab plugin.
ThickBox
jQuery-compatible Lightbox clone.
Cycle
Highly configurable slideshow plugin with many options.
Easy Slider
Make images or content slide horizontally or vertically on click.
InnerFade
Fades any set of elements like a slideshow, a news ticker etc.
jQuery FancyZoom
Free jQuery version of Cabel Sasser’s FancyZoom
jQuery Specialized Widgets
Tipsy
Facebook-style tooltips utilizing anchor’s title attribute.
Auto-Grow Textarea
Modifies a textarea to grow vertically as it becomes full.
Input Hints
Displays in-field hints on text input elements.
markItUp!
Turns textarea tag into a markup editor with various syntaxes.
jEditable
Makes any element a click-to-edit, Ajaxified item.
BlockUI
Prevents activity with the window or elements when using AJAX.
jCarousel
Scroll items in horizontal or vertical order with controls.
jQuery “Extensions”
jQuery Metadata
Embed metadata in HTML tags. See code for examples.
jQuery Easing
jQuery library for advanced sliding-type animations.
Bgiframe
Used when you show elements over a select control in IE6.
More Selectors
Adds a plethora of interesting selector options.
PHP/MySQL
CodeIgniter
Easy, documented framework by the devs of ExpressionEngine.
pChart
PHP classes to render high-quality charts.
mySQLDumper
Quality backup solution for large mySQL databases.
PHP Development Guidelines
Best practices for PHP development from the EE guys.
PHPMailer
Send email with attachments, HTML and embedded images.
TAR/GZIP/BZIP2/ZIP Archives
Builds and downloads zip+ files on the fly.
ROS PDF Class
Module-free creation of PDF documents from within PHP.
Flash Components
Open Source FLV Player
“OS FLV” – Open source, embedable player for Flash video.
JW FLV Player
SWF file that displays FLV videos. Free for personal use.
SlideShowPro
Gallery and slideshow Flash component. 60 options.
MonoSlideShow
Gallery and slideshow SWF file. 150 options.
XSPF Flash MP3 Music Player (Slim)
SWF file that plays mp3 songs and playlists.
Date Slider
SWF file that selects a date range.
amCharts
Customizable Flash charts. Free version embeds link to vendor.
TWF Flash Uploader
Nice-looking, configurable, multi-file, Flash uploader.
Miscellaneous Tools
IETester
IE8b2, IE7 IE6 and IE5.5 on Vista & XP in one browser! WOW!
IE6 & 7 on Mac Intel
Run IE on Mac Intel for free with Sun’s VirtualBox.
Standalone IE6
Download a standalone version of IE6 you can install in XP.
Create Favicons in Photoshop Mac Plugin | Win Plugin
Install this PS plugin to add ability to save in .ico format.
Javascript Email Enkoder (Spam protection)
Protect email addresses by converting into encrypted JavaScript.
Grid Design
Grid system based on 960px wide design in 2 column widths.
12 column – 60px wide columns, 20px gutters.
16 column – 40px wide columns, 20px gutters.
Blueprint CSS
24 column grid with typography, utlities & reset included.
GridMaker
Essential Photoshop script that creates custom grids.
Grid Design Gridr Buildrrr | Designer | CalculatorTools to design and preview grid systems.
Syncotype Bookmarklet
Overlays a customizable baseline grid on your web page.
Content Generators
Preloader Graphics AjaxLoad | LoadInfo | Preloaders.net
Online tools to customize an animated ajax/loader graphic.
Stripe Graphics Stripe Generator | Stripe Mania
Online tools to customize background stripe tiles.
Background Maker (Tiled Backgrounds)
Online tool to make pixel-by-pixel tiled backgrounds.
favicon.cc
Online tool to generate favicons.
CornerShop
Online tool to generate rounded corner graphics and code.
Dummy Text Generator
Best tool for generating dummy content. Highly configurable.
Pixel Icons
Silk Icons
1,000 16×16 PNG icons with transparency. A must have set.
Silk Companion Icons
420 Silk-style 16×16 PNG icons with transparency.
BSN Mini Icons
113 10×10 grayscale gif icons with transparency.
Diagona Icons
400 10×10 and 16×16 PNG icons with transparency.
Fugue Icons
1263 16×16 PNG icons with transparency. Includes PSDs to modify.
Sizcons
43 16×16 and 12×12 PNG icons with transparency.
Aqua Gloss Icons
32 128×128 PNG icons with transparency. 32px resizes shown.
Kombine Developer Icons
45 32×32 PNG toolbar-style icons with transparency.
Matt Ball’s Developer Icons
44 32×32 TIFF toolbar-style icons with transparency.
Danish Royalty Free Icons
96 32×32 PNG toolbar-style icons with transparency.
Sekkyumu Developpers Icons [sic]
105 32×32 PNG/.ico toolbar-style icons with transparency.
Quality Royalty Free Icons
Jasperhauser.nl Icon Design – 102 icons for $65.
IconDrawer – 140 icons for $84 plus 48 add-ons for $29.
IconShoppe – 56 Stockholm icons for $45 with free minis.
MicroIco – 64 mini 8×8 icons for $6.
N.Design – 175 12×12 plus 82 8×8 for $30.
Kombine – 264 32×32 icons for $60.
Vector Icons
ClickBits
792 arrows & web-related icons in OpenType font format.
InfoBits
188 web-related icons & dingbats in OpenType font format.
165 Vector Icons by GoSquared
Free, useful icons in SVG, JPG and Illustrator CS2 format.
Backgrounds & Styles
Illustrator – Basic Gradients by GoSquared
Free, Web2.0-style gradients in SVG or Illustrator CS2 format.
Illustrator – Web 2.0 Gradients by dezinerfolio
130 Illustrator gradients. Matches PS gradients below.
Photoshop – Web 2.0 Gradients by dezinerfolio
130 Photoshop gradients.
Photoshop – Web 2.0 Layer Styles
131 Photoshop layer styles by deszinerfolio.com.
Photoshop – Web 2.0 Gradients by Euphorish
70 Photoshop gradients.
Browser Compatibility
PNG Support in IE
Enable transparent PNG support in IE.
PNG Support in IE (CSS Only)
Enable transparent PNG support in IE6 using only CSS.
Whatever:hover in IE
Enables css :hover support in IE.
IE Browser Filtering/Targeting
Some hacks to target different browsers.
CSS & HTML Techniques
Sliding Doors
Not just for tabs, this technique is by far the most useful of all.
Taming Lists
Transform the meager list into something useful.
CSS Reset Eric Meyer’s | Yahoo YUI Reset
Reset all CSS styles to a baseline. Season to taste.
Clearing Floats without Extra Markup
My method of choice for clean float clearing.
Resize a Popup to Fit an Image’s Size
Make a popup window resize perfectly to the image.
Sticky Footers
Tested cross-browser solution for sticky footers.
Typography
FontSquirrel – High Quality FREE Fonts
Free, hand-picked, licensed-for-commercial-use fonts.
Facelift Image Replacement
Dynamically generate text in custom fonts with PHP/JS combo.
Typical Cross-Browser Font Cascades
Use these fonts lists when specifiying fonts in your css.
Firefox Extensions
Firebug
Edit, debug, and monitor CSS, HTML, and JavaScript live.
Web Developer’s Toolbar
Adds a menu and a toolbar with various developer tools.
View Formatted Source
Displays formatted source and CSS info for each element.
YSlow
Analyzes pages and tells why they’re slow. REQUIRES FIREBUG.
Dust-Me Selectors
Dust-Me Selectors finds unused CSS selectors in your site.
UrlParams
Displays the GET and POST parameters of a web page.
Link Checker
Checks all links on a webpage and reports broken ones.
Essential Mac Software
MAMP
Self-contained local hosting. (M)ac, (A)pache, (M)ySQL, (P)HP.
VirtualHostX
Host multiple sites on your Mac. Extremely useful with MAMP.
CSSEdit
The best CSS editor on the market. An absolute must-have.
TextMate
The best text editor ever.
Sequel Pro
Successor to invaluable CocoaMySQL. Gives direct access to MySQL databases on local and remote servers.
Coda
Popular all-in-one web development application.
SEO / Site Evaluation
Social Bookmarking AddThis | ShareThis | Tell a Friend
Widgets helps visitors post bookmarks to social media sites.
Website Grader
Measures effectiveness of a site based on SEO, traffic, etc.
W3C Tools Markup Validator | Link Checker | CSS Validator
Tools to check the validity and accuracy of your site.
Keyword Suggestion Tool
Meta tool that helps you research keywords a variety of ways.
Domains
DNSstuff
Configure, monitor & fix problems with your domain & email.
PickyDomains – Custom Domain Names
Creates a good/available domain name for only $50.
SSLmatic – Cheap SSL Certificates
Discounted SSL certs from RapidSSL, GeoTrust and Verisign.
Analytics, Monitoring & Testing
Google Analytics
Free and full-featured analytics engine.
Mint
Popular self-hosted analytics app by Shaun Inman.
userfly
Run instant usability studies using your real users.
Are My Sites Up?
Keeps an eye on your sites and warns you if they go down.
Services
Harvest – Biz Managment
Very good service for tracking time, logging expenses, invoicing clients, etc…
Etherpad – Collaboration Tool
Collaborate on any text programming document.
Campaign Monitor – Bulk Email
Email sending for designers. $5 + 1¢ per address per mailing.
Web Development Project Estimator
Estimate time & materials required for a web project.
Cheat Sheets
Web Technologies .htaccess | mod_rewrite |
PHP |
MySQL
Twitter
Digg
LinkedIn
Stumble Upon
YouTube
arrived here from facebook. Your blog had become a little contentious. Might want to join in there so they can get to know you better and you can attract new eyeballs.
We have a well traveled edu blog here at university and was wondering if I could repost this there? Thank you
I am developing a blog and I am searching for a brand new template.Yours appears fairly decent! Feel free to visit my blog and suggest things!