1 Thing A Week 1 Thing
A Week

Update 2 for SkeletonCSS

Week 191.0 — 21st June '21

It's been a busy few weeks and I've not really built anything new or even experimented as much as I would like to. This past weekend however, I sat down with the intention of plugging some mixins into SkeletonCSS but couldn't really think of any. I've restructured the project a little to move the one mixin I was using from being in a file called _responsive.scss to _mixins.scss which makes more sense. Beyond media queries, not much more I need from a responsive point of view.

The biggest thing I've done to future proof it all a bit more is to convert the theme colours to be comma separated values (HSL) as I wrote about a couple of weeks ago.

I've standardised how heading tags (H1-H6) should be sized and padded and did the same for paragraphs, unordered lists and ordered lists too. Headers and footers are sized in the same way as the main tag too which I should have done from the start but just forgot about. An interaction on Twitter last week prompted me to think about this some more.

The last update for this round was to introduced a pattern I often use for site navigation. It's same way I've handled the website for Wayfinder and it works pretty well. When the list of items is small enough, then it works pretty well as a responsive layout too.

Mixins are still something I want to explore some more, so that is something I'll be looking into more for the next round of updates to SkeletonCSS.

More from 1 Thing A Week
« Now that we have container queries, can we get native parallax scrolling please? Experimenting with linked data Upcoming changes to Safari 15 in MacOS Monterray »

Advertisement

Notable

Quick links and commentary on interesting articles, videos and more throughout the week.

  1. 191.3 – Wednesday
    1. DeTomaso Pantera Daniel Crane on behance.net
    2. CAT Crossover shoe blessthisstuff.com
  2. 191.7 – Sunday
    1. Sony MiniDisc: The (not) forgotten audio format that (never) failed This Does Not Compute on youtube.com

Jump to notable items for Week #190, Week #192 , view the notable archive or my favourites.

About 1 Thing A Week

A website curated by @cchana bringing you 1 Thing A Week, delivered every Monday morning.

You can find a list of all articles in the archive, or read the most popular.

Find out more about 1 Thing A Week or read the privacy policy.

Market

Visit the market and support 1 Thing A Week.

You can find 1 Thing A Week on Twitter, Facebook, Instagram & Reddit