Blag

Every time a client asks me to add a [target="_blank"] attribute to a link somewhere on a website, I die a little inside.

I've started a recipes listing page on my wobsite. I've been meaning to add recipes to my site for quite some time. More importantly I've been meaning to add interactive recipe features to my wobsite so that I can make use of my phone while cooking, and check off items without getting lost in a recipe.

Unfortunately for the time being it is relatively tedious to add new recipes, so my next wobsite side-project will probably be setting up a new recipe blueprint for my kirby panel.

• Create CSS for static checklists
• Create facebook share image for static checklists
• Write blog post about static checklist CSS

I decided that the next feature I wanted on my blag was the ability to add static checklists. I had an initial concept for how I wanted them to work. It revolved around using [data-*] attributes to specify the checked state of list items, which would override the default list item styling.

Earlier today I found a question that had been bugging me for some time. How do you preserve an element's aspect ratio when it's scaled? I hadn't yet found the answer, so I did some quick googling, and quickly found out about a simple trick to preserve aspect ratio with only CSS and a bit of extra markup.

A client requested that we add a bubble on the mobile version of the website to tell users to bookmark the page to their home screen on iPhone.

In related news, the '90s called and asked for their terrible user experience back.