A currated repository of web design tools and resources that I use...

Popular Posts

qTip speech bubbles
I love this tool. It is easy to set up and it is loaded with options. I really makes it simple to add clear instructions to your site, yet keep them from [...]
Regular Expressions Cheat Sheet
The second version of the Regular Expressions Cheat Sheet, a quick reference guide for regular expressions, including symbols, ranges, grouping, assertions [...]
Regular Expression Cheat Sheet
A quick reference guide for regular expressions (regex), including symbols, ranges, grouping, assertions and some sample patterns to get you started. [...]
Font Matcherator
The matcherator, brought to you by our favorite font licensing resource Fontspring is a really nifty tool. You can upload an image and the matcherator will [...]
Markup Code Editor
markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, [...]
Cascading Pinterest style grid layout
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason [...]
Free Project Quoter
If you are a small freelancer making a little extra grocery money, this free tool might be useful. You can whip up a professional looking quote using their [...]
First Aid Git
A searchable collection of the most frequently asked git questions. [...]
Development ToolsHow ToHTMLPHPSoftware
TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. [...]
phpThumb creates thumbnails on the fly. You can also load this as and object and utilize your own caching system. That is my preferred method as bypassing [...]
Built With
Have a website that you really respect and are curious what resources they use to make it tick? Instead of digging around in the code yourself, use Built [...]
Jquery file upload
This is a full featured file upload widget. File Upload widget with multiple file selection, drag & drop support, progress bar, validation and preview [...]
Morphing Modal Window
I have used this but I am really excited to try it. I will post back here when I use it. Modal windows are used to display related content, by hiding [...]
Javascript Code Editor
This plugin will turn a div element into a code editor. If you want something a little more visual for raw code without a full on WYSIWYG editor, this is [...]
PHP Device Detection
This class has come in very handy. I use it to change the behavior of my sites. For example, I could have a light box on an image or contact form but it [...]
Typography Cheatsheet
A comprehensive guide to using proper typographic characters, including correct grammatical usage. [...]
A graphical user interface for Mac to your /etc/hosts file. Create multiple sets for configurations depending on your projects/workflows/environment. [...]
Commercial perpetual font licensing. Fontspring’s fabulous website really shine above the rest. The thing I really like about Fontspring is their [...]
Simple JQuery Cropping Plugin
A simple yet effect image cropper plugin. It was pretty easy to install and works flawlessly. [...]
This is a Javascript solution to retina images. It isn’t my favorite solution but I do use it on smaller sites where the assets aren’t database [...]
The best text editor ever. Even better, now 2.0 is free! [...]
Stupid htaccess Tricks
This is GOOD! I came across this when i was trying to lock down a WordPress site. This is a pretty comprehensive guide to .htaccess. This article, Stupid [...]
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It was built [...]
MySQL Joins Explained
I use joins ALL the time, yet I still get twisted up sometimes. I keep this webpage in my favorites as a visual reminder to get me straightened out. I [...]
Bx Slider
This is definitely my favorite slider. I find you can do almost anything with it. Even though it has tons of options and configurations, it still fires [...]
Anything Slider
A fully customizable slider. The panels can contain anything you want… videos, html, iframes, images… the sky is the limit. It has some built [...]
HTML5 Boilerplate
A lean mobile-friendly HTML template. HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the [...]
Typographer’s Glossary
New to typography? This will help! [...]
Instant SQL Formatter
A handy online tool that can make your SQL statements more readable. [...]
Jquery Time Picker
A lightweight, customizable javascript timepicker plugin for jQuery inspired by Google Calendar. [...]
Webfont Generator
This is probably the coolest web design tool out there. Upload your fonts and it will spit you back web fonts and css fine tuned and hinted for the web. [...]
@font-face Style Linking
Fontspring wrote a fantastic support post on how to style link web fonts. The demo is very comprehensive and covers all the pros and cons of each method. [...]
CSSHow ToHTMLTypography
SEO Mythbusters
This post is packed full of excellent… absolutely excellent information on SEO. Make sure you download the ebook that is linked as well. Really good [...]
A resource very similar to this website, it’s a repository of plugins articles and experiments related to web development and programming. Start with [...]
It’s been a while since I needed a simple local environment. Everything I do is collaborated now. But when I did, MAMP was my go-to resource. So with [...]
Hex to RGB Color Calculator
Let‘s you convert color value in HEX to RGBA and RGB, prepared for inclusion in CSS styles. [...]
.htaccess Cheatsheet
A cheat sheet for htaccess snippets. [...]
NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript [...]
A practical framework for choosing colors in UI design
Color modification is the key to successful UI design. Not picking the colors. [...]
CSSWeb Design
MySQL Cheat Sheet
A cheat sheet for the MySQL database. [...]
Insert Headers and Footers
This is a no brainer plugin and gets installed on every wordpress site right out of the gate. It allows you to easily add scripts and code to your headers [...]
Dummy Text Generator
A highly configurable tool for generator dummy text. [...]
WordPress Custom Fields
This plugin will create custom fields for your posts. You need to have some programming ability to utilize the meta data in your post but if you do, this [...]
Color Blender
A handy tool to give you some blends of colors for hovers and theme control. Pick a color value format, input two valid CSS color values in the format you [...]
CSSWeb Design
HTML semantics and front-end architecture
A blog post about HTML semantics and front-end architecture. Here is another one that is really great too. [...]
A forum for anything font related. [...]
Regex Tester
On online regular expression tool that allows you to play with your code to get it just right. [...]
Embedding SVGs
This was all new to me. Great tutorial and I am already using it. [...]
WordPress file permissions
Need a refresher on WordPress file permission? In a nutshell… If you aren’t on a shared server: sudo find . -type f -exec chmod 664 {} + sudo [...]
Mod_rewrite cheatsheet
A cheat sheet for mod_rewrite snippets. [...]