Clara Alder | Web Development

A photo of me; I have longish ginger hair and am wearing a blue shirt covered in bicycles, and a big summer scarf with birds on it.

Hey! I'm Clara and I do web dev. I specialise in HTML, CSS/SASS, JS and Craft CMS. I also have a background in game development and graphic design.

I've enjoyed attending Codebar—a non-profit initiative which runs programming workshops—for many years, both a student and as a tutor. In my spare time I like to play five-a-side football!

I'm currently available for freelance or full-time work, remotely or in the Brighton area. Please get in touch!

Websites

Health Promotion Website.

I used Craft CMS + SCSS + jQuery to create this website for a Health Promotion Practitioner. Building it using Craft CMS meant it she could edit the text and images without having to edit any code. Craft's use of the Twig templating system allows for a lot of flexibility, which is great and is why I recommended it during a talk I gave at Codebar.

The website is no longer active but the above image links to a web archive of the site. The archived version of the site is in a finished state other than some duplicate paragraphs and multicolour text from when we were playing around with layouts.
Bookkeeping website.

This Bookkeeping website was built without a CMS but after it was finished I added in some extra CSS selectors to make it editable in PageLime (now discontinued). The site is no longer in use.

Projects

Tic-Quack-Toad

See the Pen TIC-QUACK-TOAD by Clara (@quixoticduck) on CodePen.

A simple frog and duck themed Tic-Tac-Toe/Noughts and Crosses game.

Click on a square to play!

Windmill

I created this CodePen Pen of an interactive spinning windmill logo as an option for the navigational bar of the Bookkeeping website above. In the end we went with a static logo—based on the Round Hill windmill that was dismantled just over a century ago in 1913—but I liked how it turned out.

Hover your cursor over (or click on) the windmill to make the sails spin.

See the Pen Spinning Windmill - GSAP by Clara (@quixoticduck) on CodePen.

Hover your cursor over (or click on) the windmill to make the sails spin.

Baublenose the Flying Reindeer

Experimenting with the GSAP MorphSVGPlugin to make a reindeer with wibbly wobbly legs. Try interacting with Baublenose's nose!

Click here to view Baublenose in Codepen.

Chicken (WIP)

See the Pen Chick GSAP SVG test WIP by Clara (@quixoticduck) on CodePen.

See the Pen Chick GSAP SVG test WIP by Clara (@quixoticduck) on CodePen.

Some other pens of mine

Advent Calendar made with React (WIP)

An advent calendar made using React (WIP - not mobile responsive)

Advent Calendar in 'cheatmode' - Open any door, no matter the date - (WIP - not mobile responsive)

Game Jams

I've taken part in six game jams. The following are some of the games that I was involved in making:

The Carrier Dodo Company

Congratulations!

It is your first day as a trainee Post-Dodo, working at The Carrier Dodo Company. It is, for some reason, less popular than Hiddletims Elite Carrier Pigeon Service; but I am sure you are excited to be part of the team, and you look very smart.

Your first (and only) assignment is to collect mail from the postboxes, and deliver them to the houses indicated by the arrow.

Click above to download and play The Carrier Dodo Company!

Update! Thanks Jupiter for writing this nice piece about the game on Indie Games +

Duck's Cosy Home

Duck's grandpa has passed away and duck is moving back to where he grew up to sort through belongings and memories. This game is playable in-browser

Update! Thanks Jupiter for writing this nice piece about the game on Indie Games +

Mr Boots Finds His Way

Mr Boots is walking to his grandpa's house on his own for the first time. He has written down the instructions that his grandpa told him

Brituals

‘Brituals’ is a ‘British-themed cross-dimensional social awkwardness simulacrum’ created at the 2016 Global Game Jam. The jam's theme was 'ritual'. This game is playable in-browser

Wave or Waive

At another game jam the theme was 'waves'. I co-created 'Wave or Waive', a game about this common dilemma:

Someone is waving at you. Or are they waving at someone behind you? It would be embarrassing if you waved back like an idiot. This is a difficult choice and you only have a split second to make it.

Click above to play 'Wave or Waive', which is now playable in-browser!

Mallardies

A three-player duck co-opera (co-op opera) game. Every player uses just one button each, as with our previous game Wave or Waive. Quack along to Nessun Dorma. Be the new Drake. Be the best duck operatist that you can be.

Click above to download and play 'Mallardies'!

Arcade Box

An arcade box built to play 'Wave or Waive' and 'Mallardies'. Both games have the same unusual control scheme of one button per-person. This was built using an Arduino Leonardo clone and allows for three people to stand beside one another, each with their one button.