Skip to content

Blag

  2. Styled Components Naming Convention

    I was messing around with styled-components in React, and I was struck by how awful the standard naming convention is:

    import styled from "styled-components";

const StyledCard = styled.div`...`;
const StyledImage = styled.img`...`;
const StyledDescription = styled.div`...`;
const StyledCTA = styled.a`...`;

export const Card = () => (
  <StyledCard>
    <StyledImage />
    <StyledDescription />
    <StyledCTA />
  </StyledCard>
);

  4. Hello Subgrid

    Permalink: Hello Subgrid

    Rachel Andrew gave a great talk at CSSconf EU showcasing the awesome potential of subgrid.

    Fortunately, since the talk subgrid has been launched for Firefox v69.

    Can I use page for subgrid showing red across the board with the exception of a single green entry for Firefox

  7. Media Mixin

    I've seen lots of ways of handling media queries in Sass, but so far my favorite has been to use a single map of breakpoints and a simple media mixin.

  8. Time Savings

    A week of development will save an hour of documentation.

  9. Scrabbler

    Permalink: Scrabbler

    Over the weekend I made a word finding website as a react app.

    It's still got problems including, but not limited to:

    • it's entirely JavaScript driven
    • it searches really slowly after 8 or 9 characters
    • sorting is slower than frozen molasses
    • I haven't done any accessibility testing on it
    • the design is as motivating as a bucket of beige paint
    • the dictionary in use is pretty bad*

    *can't really complain about it much though given that it was free and in public domain

    Unlike many of my other personal projects, I've actually released this one.

    In particular my goal with this project was to build a minimum viable word-finder and launch it in the span of a day. In that regard, the project was a great success and I'm quite happy with how it's turned out. In particular the live-updating actually works pretty well for my use case.