Jake Rocheleau, Author at Hongkiat

UI/UX

How to Expand Thumbnails Like Google Images

Google Images runs a unique UI with thumbnail previews from many different websites. Clicking any of these thumbnails…

Web Design

Image Carousels in Web Design — Benefits & Best Practices

There’s no shortage of carousel feature slideshows on the web. In fact, this trend has done nothing but…

Graphics

Standart Icons – Free Vector Iconset in SVG, Sketch & Icon Font Formats

It’s not hard to find free iconsets on the web. However, it is tough to find iconsets that…

Toolkit

Minify & Optimize JPG Images Online with Jpeg.io

The free tool Jpeg.io lets anyone convert their existing images into optimized JPEG files without any software. You…

#post-39275 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/best-free-javascript-modal-window-plugins.jpg"); }

Toolkit

10 Free JavaScript Modal Window Plugins

You can find plenty of pure CSS modals but these don’t offer the same control as JavaScript. With…

#post-45863 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/create-auto-resizing-elements-with-scalablejs.jpg"); }

Toolkit

Create Auto-Resizing Elements with Scalable.js

If you need to make flexible elements that auto-fill their containers I would highly recommend Scalable. This free…

#post-45686 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/coolhue-hand-picked-pastel-web-gradient-library.jpg"); }

Toolkit

CoolHue: Hand-Picked Pastel Web Gradient Library

A free online library to find awesome gradients for your website.

#post-45677 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/code-to-go-modern-javascript-code-snippets-in-one-place.jpg"); }

Toolkit

Code To Go – Modern JavaScript Code Snippets in One Place

This website curates the best JavaScript code snippets, all free and organized with clear descriptions.

#post-45661 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/this-browser-extension-quickly-copies-all-code-snippets-for-you.jpg"); }

Web Design

This Browser Extension Quickly Copies All Code Snippets For You

A browser extentsion that adds a click-to-copy button onto every code snippet block.

#post-45551 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/gridprint-free-baseline-grid-templates-for-prototyping-on-paper.jpg"); }

General

Gridprint Offers Free Baseline Grid Templates for Prototyping On Paper

Digital prototyping is all the rage with so many tools for designers. But there’s good reason to stick…

#post-45531 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/auto-manage-ui-colors-in-sketch-with-chain.jpg"); }

Toolkit

Auto-Manage UI Colors In Sketch With Chain

Matching colors to suit your page can be a hassle. This is also true for website mockups and…

#post-45476 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/get-free-art-design-critiques-with-critiquer.jpg"); }

Toolkit

Get Free Art and Design Critiques With Critiquer

Perhaps the toughest part of improving your design skills is learning what you’re doing wrong. It helps if…

Toolkit

Manage Your GitHub Notifications With Octobox

The default GitHub notification system is great, however, when you only have a few projects. It gets a…

#post-45293 .entry-thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/400x256/mojs-motion-graphics-library-for-the-web.jpg"); }

Toolkit

Mo.js – A Complete Motion Graphics Library For The Web

A JavaScript library offering custom motion graphics for creating animations.

Latest posts