Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)

In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out! Here’s what we’ll be creating: A Little Background Recently, Rachel McCollin wrote a… Continue reading Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)

How To Make Your Websites Look and Feel Original

There are hundreds of millions of websites active on the web. It can be hard to imagine how a single lonely website or brand can hope to make an impact. Decent inbound marketing can be help, and Search Engine Optimization can certainly play a role, but none of these efforts will help you get visitors… Continue reading How To Make Your Websites Look and Feel Original

How To Create an Ornate Compass Rose in Illustrator

I recently shared some tips with a subscriber about how to create a nautical star design in Illustrator, which then prompted me to research traditional nautical star and compass rose layouts and construct an ornate design of my own. The process makes use of lots of simple but really useful techniques in Illustrator to build… Continue reading How To Create an Ornate Compass Rose in Illustrator

Arrange Images into Flexible Grid with Photoset Grid

Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have since expanded it and released a jQuery plugin for us. Beyond… Continue reading Arrange Images into Flexible Grid with Photoset Grid