• Body

    I want to start playing with the typography inspirations I am finding on 1950s era Jazz album covers. I thought nth-child would come to the rescue for this but looks like you can't get at words or letter with it.

    A bit of digging around and I found the javascript for what I need called Lettering.js. It gets you spans on individual words and letter where you need it. It does it in an a11y compliant way as well which rules.

    Tried it out for about 20 minutes and it was very fun. Definitely a tool, used with some restraint, I am going to use a bunch in the future.

     

  • Body

    Here is the simplest way I know of to make something, like an image, a link to content in a Drupal view. It's useful for making things like a grid of images that need to link to content.

    1. Add a Content: ID field and exclude it from display. Make sure it is on top of the list of fields.
    2. Add a Content: Image field.
    3. Click on the Content: Image field to edit it.
    4. Click Rewrite results and select "Output this field as a custom link”.
    5. Set the path to /node/{{ nid }}.

  • Body

    Having a blast messing around with the clamp(), min(), and max() functions this week. They've been out for a while now but these last few days felt like the perfect time to toy around with them.

    Brainstorming how to use them in projects. Uses for min() are coming to mind right away. I've been slowly reading about how to use clamp() for responsive typography.

    Stoked to start reducing a bunch of redundancy in our CSS stylesheets. Especially with centering content at different screen sizes.

    A cool post about how it all works here:  min(), max(), and clamp(): three logical CSS functions to use today