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

Create Fun Animated Radio Buttons With Radiobox.css

The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css …

Anime.js – A Lightweight JavaScript Animation Library

Web animation has come a long way. Not only can developers make any animation using a combo of CSS/SVG/JS, but there are dozens of free libraries to s…

Free For Commercial Use – A New CC0 Stock Photo Site

Cheesy stock photography is on the way out being replaced by quality stock photos, many of which can be downloaded for free. Yes, there are plenty of …

Compress & Optimize Images Up to 90% With Compressor.io

In the past, we’ve covered plenty of image optimization tips for web designers. But new tools spring up all the time and Compressor is one of the be…

Explore Open Source Projects with GitTrends

Update: GitTrends is no longer in service. Dozens of new open source projects get posted to GitHub every day. Over the years, this created a huge libr…

Edit Your CSS Designs In-Browser with CSS George

Have you ever wanted to make direct edits in your browser without switching back to your CSS files? One solution is Chrome Developer Tools but some de…

Create Your Own Auto-Response Bot with Bottr

Most of us remember the Microsoft Tay incident where Internet users taught an AI bot some pretty crazy words in just a few days. It’s a funny exampl…

Photoshop Etiquette: A PS Workflow Guide for Designers

Adobe Photoshop is a powerhouse program that can do photo editing, UI design, digital painting, and even vector work. It takes years to master all the…

Free Browser-Based Vector Editor by Vecteezy

There’s no shortage of free vector websites to help designers find quality scalable graphics. But there’s a resource, Vecteezy, that just took thi…

Boost Your Mobile Friendliness: Test Your Website with Google

The year 2016 made history when mobile Internet use surpassed desktop for the first time ever. It should be abundantly clear that responsive web desig…

Multirange Polyfill Support for Dual-Handle HTML5 Sliders

The new HTML5 range inputs are fantastic for quantities and dynamic selections like dates. But the default range slider doesn’t support multiple han…

Generate CSS Quantity Queries with the QQ Builder

Few developers know about or use CSS quantity queries on their websites. It’s a fairly complex feature but also useful when you have varying items i…