Notes from Front-end London, March 2017

My notes from Front-end London's March Event - Reflect and refactor by Melinda Seckington, Sizing with content by Oliver Williams, and The Open Metaverse by Shaun Dunne

Read more
Filed under notesfelvrcss

Notes from Front-end London, February 2016

My notes from Front-end London's February Event - CSS Modules, Design Sprints, and The Art of Reduxion

Read more
Filed under notesfelcsscss modulesreactagiledesignredux

Converting from LESS to SASS

Initially I fell down on the LESS side of this divide, the main reason being the ease of it. All you have to do is include the javascript file and you're away. Syntactically it's a whole lot easier to use as well, there's almost no extra syntax to learn, and writing custom mixins takes no time at all.

Read more
Filed under lesssassscsscss

Layout in CSS

Achieving the layout you desire is probably the starting point of any webpage you might be working on While it can seem like an easy task, there are often a lot of different options available when it comes to how to achieve this. I find when looking at how some sites have been coded, there are quite a few common pitfalls made when it comes to basic CSS layout.

Read more
Filed under csslayoutbox modelfloatsinline-blockpositioning

The box model

The box model is one of the most fundamental elements of CSS, and yet it’s often one of the most common mistakes I see made when debugging other people’s code. If you don’t get your layout right, then it’s incredibly hard to get anything else on your website to look the way you want it. I’m going to go through the basics of the main display types, the box model as it relates to each of these, and how to use these to their fullest.

Read more
Filed under csslayoutbox model.