Call Us Find Us Start a Project

Bringing a product homepage to life


This post was written by Paul Spencer


If you missed it, a few months ago we at Humaan released a social aggregation platform called Waaffle.

The marketing site features an animation sequence which is bound to the natural scrolling of the page. Because this animation received an overwhelmingly positive response we thought we’d break down a portion of this sequence and explain how it was accomplished. Unfortunately we can’t break down the entire sequence as that would make for an exceptionally long blog post and nobody wants that (tldr).

For this tutorial we’ll create a stripped back, simplified version of the office scene which appears in the bottom portion of the Waaffle homepage.

Continue reading

By Paul Spencer on 12 September 2016 No Comments

Getting more from social media


This post was written by Humaan

Waaffle logo

Last week, we launched our latest project: Waaffle – a platform that aggregates social media posts for, well… lots of things.

We wanted to make it easy for people to keep an eye on what’s happening in the social sphere, gauge how well their marketing efforts perform, and re-share content from multiple social media platforms on their website or app.

With Waaffle, you can:

  • run social media competitions and campaigns,
  • add public displays to your live event,
  • re-publish content to your website or app,
  • follow popular hashtags and their conversations,
  • watch for memes and picture trends,
  • monitor audience and competitor activity,
  • and more!

It’s simple – create a campaign and add feeds to follow hashtags and accounts across selected social media websites. Waaffle collects the relevant posts, offers insights on key metrics, and provides simple publishing tools for sharing your campaign with the world.

Learn more about Waaffle’s great features or check out the website at:

By Humaan on 25 July 2016 No Comments

Our website launch checklist


This post was written by Jay Hollywood

Website Checklist

While possibly the least glamorous part of launching a website, quality assurance is key to the success of any digital project. One of the most useful tools in our QA toolkit is our trusty website checklist, which we use at several stages of a project, covering everything from content and rendering to optimisation and security.

Lately, we’ve discussed our process at a few presentations here in Perth. This checklist has been so useful for us, and our fellow web creatives seem to like it too. So we thought we’d share it with the wider community to help everyone continue making the web better.

Feel free to use, adapt and repurpose this for your own needs. We’ve intentionally kept it generic so it can be used in a wider range of projects – but you may need to add to it if you’re working on something special.

Happy launching!

Like this post? You should follow Humaan on Twitter

By Jay Hollywood on 11 July 2016 1 Comment

Anatomy of a Successful Web Project


This post was written by Mark Gale


All successful web projects have one thing in common: a genuine collaboration between agency and client.

Sure, great design and development are a necessity, but these should be a first principle for any professional agency. It is the fit between the client and the agency that underpins a truly unique outcome that exceeds all expectations.

Over the years, we’ve worked with a variety of clients on a broad range of projects. With quality design and build as par for the course, here are the ingredients we’ve found that are common to fruitful collaboration.

Continue reading

By Mark Gale on 4 July 2016 No Comments

A guide to socialising for the socially awkward


This post was written by Lee Karolczak

Meeting people

I’ve always struggled with social interaction. The thought of having to mingle with a room of complete strangers never fails to inspire apprehension.

How the hell do you go up to a stranger and start a meaningful conversation?

So I spent a few years, reading up on social behaviour and the art of networking. You know, the sorts of things titled ‘beginner’s guide’ or ‘book for dummies’. Though they provided valuable points, they always seemed to skip that initial step of greeting a new person. The step I needed most!

I’m apprehensive about talking like an expert on this topic. I am by no means socially adept and like everyone else I have plenty to learn and discover. But I wanted to share the observations from my own personal experiences with other socially awkward devs like me, who struggle with getting to know new people.

Enough of the preamble, what follows is my personal guide to social engagement…

Continue reading

By Lee Karolczak on 26 May 2016 1 Comment

Refocusing the Modal


This post was written by Dan Moore

Modaal plugin logo

Plugins and libraries are pretty neat. They can help developers save loads of time on their projects and include features otherwise too difficult or costly to develop – all with great results. They’ve enabled our industry to expand and adapt at a faster rate than ever before.

What sometimes holds back this space, however, is a lack of emphasis on the really important things – namely accessibility and supporting users who require assistive technologies.

We noticed this most in the modal/dialogue window plugin space. Accessible modal plugins were few and far between, and they lacked the right mix of quality, flexibility and aesthetics.

So we set ourselves the challenge: to create a modal plugin that is, first and foremost, accessible at a WCAG2.0 Level AA standard. One we would be proud and happy to use in our own client work and something we could share with the community to further the accessibility cause.

Continue reading

By Dan Moore on 19 April 2016 3 Comments

Nominated for a Webby!


This post was written by Humaan

our first webby award nomination

Woohoo! We just got our first Webby award nomination!

Break Up with IE8 has been picked as a nominee in the Social: Weird category. We were thrilled to see so many people join us in dramatically ending a downhill relationship with Internet Explorer 8. And now we’re honoured to be up for an award.

The competition is tough. To be honest, we’re just excited to be counted alongside the likes of ClickHole and Whiskas Catstacam. But if you want to vote for us anyway, well… we’re totally on board with that.

Want to vote for us?

Head over to our nominee listing on The Webby People’s Voice Awards site:

By Humaan on 11 April 2016 No Comments

LocalStorage is for Fun


This post was written by Dan Barrett

Cookie Monster eating cookies

In case you’ve been living under a rock, LocalStorage is a JavaScript API that allows you to store content in the browser’s cache and access it later on when you need it. Similar to how cookies work, but you’ve got much more than ~4KB (the maximum size for a cookie). That said, while there’s no size limit for each key/value pair in LocalStorage, you’re restricted to around 5-10 MB for each domain. I say 5-10 MB because as per usual, different browsers have different maximum limits. Classic!

Continue reading

By Dan Barrett on 7 April 2016 1 Comment

Open Menu