Jake Rocheleau

Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers

Latest posts

Add Tweetable Links in Your Content with InlineTweet.js

You’ll see this feature a lot on big sites such as TechCrunch and Mashable. You’ll be reading an article and notice that an entire sentence is hig…

Scroll and Animate Your Page Easily With Force.js

Web animation is easier than ever before, with pure CSS3 animations becoming the norm. But, JavaScript is still incredibly valuable and it’s one of …

Change Fonts on Any Websites with This Chrome Extension

Ever wanted to see how a different font might look on a website? Using the Font Swap extension, this task is a breeze. It’s a free plugin for Chrome…

Embed Animated GIFs Like Facebook with jqGifPreview

Twitter and Facebook have a lot of people sharing animated GIFs daily. If these are all auto-played they could be gruesome in a feed. Both networks ge…

Create On-Page Speech Bubbles with Popper.js

Everyone knows about tooltips and there are dozens of free resources to help you make them. However, custom message bubbles or “poppers” are also …

Free Profile GUI PSDs for Social Networking Sites

Freebie PSDs are the norm amongst web designers. We love to share and the community is built around helping designers improve their workflow with pre-…

Colors.css Offers New Defaults for Colors on The Web

Finding a great color scheme for your website is no easy task. But, it just got a lot easier with the Colors library by Adam Morse. This free CSS libr…

Build Responsive Websites Faster with Semantic UI

Frontend frameworks such as Bootstrap are still all the rage. There are dozens of great choices to pick from but one that recently caught my attention…

Stylie – A Free CSS Web Animation Builder

If you struggle with CSS3 syntax and want a simple way to create animations Stylie is a great tool to save. This is one of many free code generators w…

Use This Launch Checklist for Every New Site You Build

Designing and coding a website takes a lot of thoughtful effort. However, actually getting the site online and fully optimized is a whole other chore.…

Grid.css – A Minimal Grid System for Web Developers

Larger frontend frameworks like Bootstrap come with their own grid setups. But, they also come with a lot of baggage in the form of pre-designed page …

Find Pantone Color Hex Codes with This Free App

The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print m…