Menu

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

Popular Posts

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 [...]
Javascript
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 [...]
HTMLJavascript
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 [...]
Administration
phpThumb
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 [...]
HTMLPHP
Horst
A graphical user interface for Mac to your /etc/hosts file. Create multiple sets for configurations depending on your projects/workflows/environment. [...]
Administration
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 [...]
Typography
First Aid Git
A searchable collection of the most frequently asked git questions. [...]
Development ToolsHow ToHTMLPHPSoftware
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
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. [...]
Regex
Typography Cheatsheet
A comprehensive guide to using proper typographic characters, including correct grammatical usage. [...]
Typography
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 [...]
AdministrationCSSHostingHTMLJavascriptMySQLPHPRegex
Simple JQuery Cropping Plugin
A simple yet effect image cropper plugin. It was pretty easy to install and works flawlessly. [...]
Javascript
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, [...]
CSSHTMLJavascript
Instant SQL Formatter
A handy online tool that can make your SQL statements more readable. [...]
MySQL
Fancybox
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 [...]
Javascript
TinyMCE WYSIWYG
TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. [...]
Javascript
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 [...]
HTMLPHP
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 [...]
Htaccess
Typographer’s Glossary
New to typography? This will help! [...]
Typography
Retina.js
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 [...]
CSSHTMLJavascript
Fontspring
Commercial perpetual font licensing. Fontspring’s fabulous website really shine above the rest. The thing I really like about Fontspring is their [...]
Typography
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. [...]
CSSHTMLTypography
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 [...]
Regex
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 [...]
MySQL
Textmate
The best text editor ever. Even better, now 2.0 is free! [...]
HTMLPHPSoftware
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 [...]
Javascript
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 [...]
HTMLJavascript
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 [...]
Javascript
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
.htaccess Cheatsheet
A cheat sheet for htaccess snippets. [...]
Htaccess
@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
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 [...]
CSSHTMLJavascript
Codrops
A resource very similar to this website, it’s a repository of plugins articles and experiments related to web development and programming. Start with [...]
CSSHow ToHTML
Jquery Time Picker
A lightweight, customizable javascript timepicker plugin for jQuery inspired by Google Calendar. [...]
HTMLJavascript
Mamp
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 [...]
AdministrationMySQLPHP
MySQL Cheat Sheet
A cheat sheet for the MySQL database. [...]
MySQL
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 [...]
Wordpress
NicEdit WYSIWYG
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 [...]
Javascript
Dummy Text Generator
A highly configurable tool for generator dummy text. [...]
HTML
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 [...]
Wordpress
Hex to RGB Color Calculator
Let‘s you convert color value in HEX to RGBA and RGB, prepared for inclusion in CSS styles. [...]
CSS
Mod_rewrite cheatsheet
A cheat sheet for mod_rewrite snippets. [...]
Htaccess
Regex Tester
On online regular expression tool that allows you to play with your code to get it just right. [...]
Regex
Jquery Date Picker
A refreshing JavaScript Datepicker that is lightweight and doesn’t require any dependencies. [...]
HTMLJavascript
CodeIgniter
Easy, documented framework by the developers of ExpressionEngine. Download | Site | Docs | Forums [...]
MySQLPHP
Sequel Pro
An absolute staple for anyone using MySQL. Gives direct access to MySQL databases on local and remote servers. Sequel Pro is donationware. Site | [...]
MySQLSoftware
Fontsquirrel
Free, hand-picked, licensed-for-commercial-use fonts. Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for [...]
Typography
Servint
Solid hosting service provider. I have many sites hosted with them. I am currently hosting 20 domains on their cheapest VPS option called the Essential. [...]
Hosting
jQuery
My favorite Javascript framework with a small footprint at 20k. Download | Website | Docs | Plugins [...]
Javascript
Askimet Alternative
Anti-spam is a simple plugin that combats spam very successfully. Basically, it assumes that you can run javascript and the javascript will verify itself. [...]
Wordpress