• .htaccess: A FED Guide to Redirects

    I was involved in launching a new site recently — whoop! It’s something we do fairly often but not to the extent of being an everyday, run of the mill occurrence. It went smoothly (of course!) but in the run up I found myself preparing redirects for some weird looking urls that I didn’t fully understand. Not the urls, they’re pretty easy, but the redirects and, for that matter, the whole .htaccess thing. It’s been a bit of a murky zone for me up until now, so this article will be my attempt at (mini) redemption!

  • CSS Layout Techniques: Part 2

    As I mentioned last week, each technique we’ve touched on so far is essentially a hack, or uses hacks. None of them were meant for layout. Flexbox is the first thing we have that is actually intended as a layout tool. In this week’s installment of Front-End Friday, I go through FlexBox in detail.

  • CSS Layout Techniques: Part 1

    CSS layout techniques is a subject I’ve had to learn gradually, picking up bits and pieces over time and with experience. The problem with learning this way is that you’re never quite sure if you’ve got it all. Read on for the first of a comprehensive series of articles running through all the techniques I know of and any more I could find, to fill in any gaps and clarify any ambiguities.

  • tips_tricks

    Sass (Part 2): Tips and Tricks

    My previous post on Sass (part 1) looked at the Architecture we use to organize our style sheets. It wasn’t intended to be a “part 1” but in preparing it I kept taking note of extra tricks and techniques that didn’t quite fit into the “architecture” of the code, and from this, “Part 2” was […]

  • CSS in 3D

    I’ve spent some time combing through every resource I can find on the subject which, surprisingly, wasn’t as complex as I thought it would be. So have a read, play with the examples, and hopefully my work will prove a little value in conveying at least one new thing to you! *Tiny disclaimer – this […]

  • Sass (Part 1): Architecture

    Sass is great. In comparison to CSS, it’s a sanity saver. All of its abilities are brilliant (actually just most of them, I’m looking at you @extend, why don’t you like playing in media queries?) Anyway, it’s phenomenal at cutting down repetition and it gives us the amazing ability to split our styling up between […]

  • analytics.js

    This article is my remedy. I’ve run through the Docs, pulled out all the parts relevant to the front end, reorganized them and re-written them into something that is (hopefully) more friendly and human readable. It’s just the way I learn things, and it has the handy side effect of producing these articles that I […]

  • Service Workers

    Why not? Browser support, that’s the only reason I can think of not to use this. Although, as long as we use the conditional (if (‘serviceWorker’ in navigator) {) older browsers will still work as normal and the people on modern browsers will get all the offline/performance enhancements that we can achieve. So why not? […]

  • Chrome DevTools

    First a note on the drawer. It isn’t one of the panels but it’s there for us whenever we ask for it (esc). We’ll cover the ‘Console’ and ‘Emulation’ tabs within the following sections, but not ‘Search’ and ‘Rendering’. ‘Search’ is pretty self explanatory and ‘Rendering’ lets us toggle a few options – play around […]