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. [...]
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, [...]
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 [...]
TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. [...]
First Aid Git
A searchable collection of the most frequently asked git questions. [...]
Development ToolsHow ToHTMLPHPSoftware
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
Commercial perpetual font licensing. Fontspring’s fabulous website really shine above the rest. The thing I really like about Fontspring is their [...]
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
Typography Cheatsheet
A comprehensive guide to using proper typographic characters, including correct grammatical usage. [...]
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 [...]
The best text editor ever. Even better, now 2.0 is free! [...]
A graphical user interface for Mac to your /etc/hosts file. Create multiple sets for configurations depending on your projects/workflows/environment. [...]
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 [...]
Simple JQuery Cropping Plugin
A simple yet effect image cropper plugin. It was pretty easy to install and works flawlessly. [...]
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 [...]
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 [...]
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 [...]
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 [...]
Jquery Time Picker
A lightweight, customizable javascript timepicker plugin for jQuery inspired by Google Calendar. [...]
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 [...]
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. [...]
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. [...]
Typographer’s Glossary
New to typography? This will help! [...]
Instant SQL Formatter
A handy online tool that can make your SQL statements more readable. [...]
A forum for anything font related. [...]
A practical framework for choosing colors in UI design
Color modification is the key to successful UI design. Not picking the colors. [...]
CSSWeb Design
@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
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 [...]
Embedding SVGs
This was all new to me. Great tutorial and I am already using it. [...]
Hex to RGB Color Calculator
Let‘s you convert color value in HEX to RGBA and RGB, prepared for inclusion in CSS styles. [...]
Repeating SVG background Patterns
Steve Schoger does the hard work for you so you don’t have to with his collection of simple, yet elegant SVG patterns. [...]
Slack Power User Tips
27 Productivity Tips and Hacks Every Slack User Should Know [...]
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 [...]
Edit hosts files on Mac
In the Terminal window, you will need to enter a command to open the Nano text editor. You will need your administrator password, as well. type sudo nano [...]
Development Tools
.htaccess Cheatsheet
A cheat sheet for htaccess snippets. [...]
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. [...]
MySQL Cheat Sheet
A cheat sheet for the MySQL database. [...]
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 [...]