Joshua Hibbert joshnh

Designer
Australia

Find Me

http://joshnh.com
@_joshnh

About Me

I like to make things on the web. I'm also a keen cyclist!

Score an Awesome Design Job:

via ZURBjobs

Ben Howdle, Karl Crowley and myself are working on a nifty little web tool that will minify and conc...

Miniload

I've been working on this little side project recently, and it's now ready for release. In short, it...

DailyLink.Me is Here!

After getting sick of seeing incorrectly nested border radii, I made a tool so that if you were unsu...

Get Your Nested Border Radii Right!

You guys have seen Chris Coyier's CodePen right? I'm a big fan, and it has inspired me to do a few C...

A Bit of Pure CSS Pac-Man Fun

I have been experimenting recently with the styling of form elements using CSS (i.e. checkboxes, rad...

The Fun Webkit Lets You Have With Form Elements

96 box-shadows were used in the making of this image Box-shadow is soon becoming my favourite ...

Box-Shadow Fun

Let me tell you a little story: Once upon a time there was a CSS property called Barry the Inline-b...

I Challenge You to a Duel!

I decided to try and recreate an effect that I have used in Illustrator using CSS. I was surprised...

Pure CSS Skewed Text

After seeing this and this by @thorstenbeeck I just had to do my own version. It is fully responsiv...

Songs from the Year I Was Born

Click for interactive fullscreen view I was recently asked/inspired/challenged by @de to recreate ...

CSS Experiment 7: Picture Frame

What we will be making: Demo I have slowly noticed more and more sites using pop from the top st...

How to Make a Pure CSS Alert Bar

Click for interactive fullscreen view (webkit only, preferably Chrome) When I saw this post by @Ic...

CSS Experiment 6: 3D Button

My first foray into CSS was the styling of JavaScript powered drop-down menus. I was recently reflec...

Competition: Create a Pure CSS Drop-Down Menu

CSS animations are becoming quite popular thanks to things like this and this. I have been using t...

CSS Animation, Tips & Tricks

What we will be making: Demo CSS speech bubbles aren't new, but they are often flat and ugly. Be...

How to Make a Pure CSS Speech Bubble With a Drop Shadow

I'm confident that most of you have heard of rgba colors being used in CSS, and I'm hoping that you ...

HSLa, Are You Using It? Here Is Why I Think You Should Be.

Basically transparent is equal to hsla(0, 0%, 0%, 0) or rgba(0, 0, 0, 0). What could be wrong with...

The CSS value ‘transparent’ isn't as transparent as you might think.

Click for fullscreen view (best viewed in webkit) I have seen some pretty cool effects done with t...

Pure CSS Typography Styles

Click for interactive fullscreen view This is a personal project I am working on. I started this w...

Pure CSS Weblog Layout

Click for interactive fullscreen view (Chrome only!) I wanted to put something together to honor S...

Steven Paul Jobs, A Brief Timeline

Click for interactive fullscreen view (webkit only, preferably Chrome) This is a little UI styling...