Today was our second meetup at YNAP, and this time it was at their fabulous head office in Westfield’s The Village.
I’m not sure if it was YNAP’s stunning interior design rubbing off on us or if new member Sharla’s creative spark brought us in this direction but today we chose her idea to run with for our front end project: 🐈 Cat Vacuuming.
Not as cruel as it sounds, it turns out some cats ❤️ love a bit of suction
. We also loved coding to a backdrop of cat videos and as Sharla called it, Cat Trance.
We setup a repo, got a Trello board
going for ideas and Gary setup Gulp to manage our preprocessing so we could use Sass. We made a couple of atomic design modules: our navbar and a billboard. We did this using the Block Element Modifier (BEM) CSS naming convention.
So we had m-navbar for our navbar molecule and m-billboard for our page jumbotron. Within that, we had m-billboard__headline, m-billboard__header and m-billboard__message and perhaps one day we’ll have a modified billboard, such as m-billboard--light if we need a version for light backgrounds that has dark text. This system makes everything so easy to find for anyone else collaborating on the project who may not know where to find all the code.
We found a perfect Google Font and a colour scheme from coolors.co
that really captured our feline image, and Sharla sketched us a logo with her 🐭 mouse.
All the while Gulp was converting our Sass into CSS, and it’s there ready to automate any future processes we’d like to handover to it so we can spend more time watching cat’s get vacuumed.
What’s the point of Vac Dat Cat? Who knows, but we’re having a cracking time building it and flexing our creative coding skills without worrying about perfection. Maybe it’ll turn into a freaking awesome cat blog. Watch this space!
We broke for lunch downstairs at Yo Sushi! and rounded off the day with a bit of Street Fighter, where I got to watch my player take a nap on the floor each round while Jerome and Gary took turns wiping the floor with me. Practice makes perfect though, right? I’ve only got another 10,000 hours to catch up with Jerome.
If you’d like to join in the cat bants, RSVP to our next meetup
You can also see what we did
and how we did it
, as well as our Trello board