• .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!

  • Getting On Board with BEM

    The first time I designed and built a large website, I was dismayed at how quickly my CSS file became a huge, ungainly mess. One front-end methodology would have saved me a lot of pain (and cleaned up my code): BEM (Block Element Modifier), a naming convention for CSS classes. When you’re just learning to code, using BEM can seem like overkill. But, in a professional setting, BEM (or the alternative methodology of your choice) becomes indispensable for efficiency and clarity of code. I’m a total convert, and thought I’d share some of the lessons learned along the way.

  • 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.

  • WebP: A Smaller Web

    As a front-end developer, I’m always looking for new ways to reduce the size of a web page. The biggest factor that I take into account when looking at minimizing site speed is image optimization. In search of the best possible image quality, I discovered an image format I’d never used before: WebP.