A workshop for codebar students: Build a portfolio or blog site

Banner
On Saturday, I ran a workshop for codebar students who would like to build their own portfolio or blog website. It was my first time organising and running a workshop, so it was challenging, but I loved every minute. I also learnt a lot from it....

My talk writing process (so far)

I'm still pretty new to public speaking and therefore talk writing, so I'm still figuring out the best techniques. I've only written a couple of talks so far, so I have a long way to go, but the process I've followed feels like a good starting point....

My talk at Dot York: Learn and Teach

At Dot York, I talked about my learning journey; why I joined Clearleft and what it's been like since. It was just a ten minute talk, which felt long enough because I gave an open and honest account of my journey so far...

A grid-shaped Flexbox hole

I love Flexbox. All the sites I've worked on for the last year have little Flexbox enhancements scattered over them. I was feeling quite pleased with myself for a while, until I went too far. I fell down a grid-shaped Flexbox hole....

Pattern thinking

I love collaborating with organisations to build their first pattern libraries. It's great to see clients so excited by them, but sometimes it's only half way towards solving the problem....

A reusable Javascript toggle pattern

This is a toggle pattern that can be reused multiple times on a page with options to customise parts of it. It is a very common pattern, so I've been keen to get it documented for future use....

From Pages to Patterns: An Exercise for Everyone

Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern will have no reason to exist if blue buttons have fallen out of use...

Teaching the order of margins in CSS

At codebar this week, I was paired with a graphic designer who was just starting her HTML & CSS learning journey. I really enjoyed working with her because she wanted to understand everything, and because of this, I found a nice way to explain the order of margins in CSS....

A simple HTML5 Progress bar

HTML and CSS for a simple progress bar with a fallback...

JavaScript week #2: YDKJS notes

We have started a book club in the dev team at Clearleft and our first read is You Don't Know JS: Up & Going, the first of five books in a series by Kyle Simpson. ...

JavaScript week #1: Randomly pick content from an array

Here's how to randomly pick content from an array of items in JavaScript. ...

What a year! What next?

Codebar Midde St
2015 has been a big year: lots of changes, challenges, scary moments and exciting moments, but most importantly it's been fun and I've learnt loads...

Check all: A JavaScript pattern to check a group of checkboxes

The check all pattern allows a user to check or uncheck a group of checkboxes (or radio boxes) by checking a single box that controls the rest of the group...

Building the UX London website

Uxlondon Banner
The website needed a conference vibe, but it also had to reflect its fun, inspiring and creative side. So, I saw this as an opportunity to try out some new techniques....

Setting up a Craft website on Digital Ocean

I recently changed the development environment for my website and moved it to a Digital Ocean droplet. ...

Be comfortable looking like an idiot

I get nervous about public speaking; I don't have much experience (hopefully this won't be for long) and I don't think I am a natural in front of an audience. Sometimes this impacts my confidence. So I'm working on ways to overcome it...

Cool things we can do with CSS

​Today I shared my list of "Cool things we can do with CSS" at a brown bag lunch at Clearleft....

A project retrospective

I've learnt how incredibly valuable retrospectives are. A simple, yet powerful technique; I wish had been exposed to them earlier in my career...

Day notes: CSS icon transforms

I'm interested in creating subtle animated effects on icons using CSS, so I've started to playing with some on Codepen...

Day notes: Homebrew website club

Tonight I learnt that an hour and half can be more valuable than you might think....