17 posts tagged with "workflow"

  • In Search of Simplicity

    During the past month or so at Atomic Smash I’ve been working on building our new front end framework (recently christened ‘Snap’) – a…

  • Optimising SVGs for the Web

    Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work…

  • 2019 in Review

    I’m going to try to keep this 2019 retrospective brief, but like many people, I find it cathartic to look back at the year’s triumphs and…

  • A Modern Front End Workflow

    Part 1: Building a Project Starter with NPM Scripts

    When it comes to building a simple front-end project, how do you get started? What are the tools you need? I suspect everyone will have a…

  • A Modern Front End Workflow

    Part 2: Module Bundling with Parcel

    Parcel purports to be a “zero-config” alternative to Webpack, a popular Javascript module bundler. A module bundler takes separate, reusable…

  • A Modern Front End Workflow

    Part 3: Building Our Sass Architecture

    In the previous two articles we went through configuring a project starter repository using NPM scripts and Parcel. I tend to employ more or…

  • How Git Stash Can Help You Juggle Multiple Branches

    When juggling multiple branches in Git, it’s easy to accidentally start working on the wrong branch, before realising you need to switch to…

  • Amending Your Past Commits with Git

    Have you ever pushed some code with a bad commit message and wished you could go back in time and edit it? Perhaps you got two different…

  • Building a Dependency-free Site in 2019

    After several years of basically ignoring it, I decided recently that it was time for a refresh of my personal site. The previous iteration…

  • How to Convince Your Team to Adopt CSS Grid

    Are you keen to jump into CSS Grid Layout but having trouble convincing the rest of your team (whether your peers or your managers)? Someone…

  • A Year of Utility Classes

    Last year at Mud we adopted a utility-first approach to CSS (also known as atomic CSS). Specifically we decided to use TailwindCSS, a…

  • Wrapping Up 2018

    The past few days I’ve been reading a lot of people’s end-of-year reviews, where they share their personal and professional accomplishments…

  • Mentoring Junior Developers

    Last week I gave a talk at Bath Digital Festival about CSS Grid and CSS Variables. I was lucky enough to be able to attend a full day of…

  • Building a Progressive Web App with Gatsby

    ​In my previous article, Progressive Web Apps: An Introduction, I wrote about the key technologies involved with building a PWA and how to…

  • In Defence of Bad Code

    I saw a tweet the other day from Christian Heilmann of Microsoft (formerly of Mozilla), a big name in the web industry and tech conference…

  • Introduction to Gatsby

    In case you haven’t heard about it, Gatsby is the latest hot thing in static site generators. While many static site generators (SSGs) use…

  • How to be a Good Co-worker

    Transitioning to a new team inevitably involves learning new methods and processes – as well as getting used to the personalities of your co…