Skip to content

ntdln

The personal blog of Nate Dillon.

Categories

  • Links
  • Note to Self
  • Tutorials
  • Uncategorized
  • Weeknotes

Archives

  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • January 2019
  • December 2018
  • October 2018
  • April 2018
  • March 2018
  • October 2017
  • July 2017
  • June 2017
  • April 2017
  • October 2016
  • May 2016
  • April 2016
  • February 2016
  • November 2015
  • April 2015
  • March 2015
  • February 2015
  • November 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • January 2014
  • September 2008

Recent Posts

  • Weeknotes 2021.02.15–2021.02.21
  • Weeknotes 2021.02.08–2021.02.14
  • Weeknotes 2021.02.01–2021.02.07
  • Weeknotes 2021.01.25–2021.01.31
  • 2020 Year in Review

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Weeknotes 2020.09.04

Much of the first part of the week was spent testing the K-State Admissions Representatives app (my first Vue app!), which is still not quite ready to go. Hopefully, it will launch early next week.

I spent the rest of the week getting started on the front end for another new Python project. One of the features of this new project is a list of files in various formats. It’s possible to target CSS using link attributes, so I was able to change the file icon and ::after text based on the type of file uploaded. For example:

a[src*=".pdf"] {
    background-image: url(pdf-icon.svg);
}

a[src*=".pdf"]::after {
    content: " (PDF)";
}

Check out some of the other options.

Podcasts

  • ShopTalk Show — 428: This is 40, Code Health, Firefox Follow Up, Accessible Text Labels, and Minifying your Project
  • ShopTalk Show — 329: Dan Mall on Building a Portfolio

Links

  • Heroicons — An SVG icon set from the makers of Tailwind CSS
  • Lawn chairs and kitchen tables: Ergonomics in the involuntary work-from-home era
  • Netlify redirects and downloads
  • Mind the gap
  • Bill Murray’s Face Inserted Into Famous Paintings
  • Designing the Unknown: the New Biden-Harris Logo — “How do you create a logo without knowing for certain what the words will say?… The solution, naturally, involves the absurd application of brute force: you just design all the logos you can think of, based on whatever public information you can gather.”
  • Wu-Tang Clan’s RZA & Good Humor Partner to Create a New Ice Cream Truck Jingle
  • Ukulele Covers of AC/DC, Nirvana, and Guns N’ Roses Hits
  • Netflix is testing a ‘Shuffle’ button, because you’re tired of picking what to watch — I’ve been using the shuffle feature in Plex for years, and it’s a pretty great way to pick a movie
  • Ikea and Lego built the storage boxes of your dreams
  • A Portfolio Hiring Managers Can’t Deny
  • Align SVG Icons to Text and Say Goodbye to Font Icons — Alignment seems to be the biggest pain with using SVGs over font icons. This trick seemed to work pretty well for me. The downside is that it requires an extra element to wrap around the SVG.
  • Quick Tip: SVG <use> Style Two Colors — This was the only way I could figure out how to customize an SVG with two colors when using them as symbols for an icon system.
Posted on September 4, 2020October 19, 2020Author Nate DillonCategories WeeknotesTags CSS, ergonomics, health, icon, logo, movies, music, Netlify, Plex, portfolio, SVG

Post navigation

Previous Previous post: Weeknotes 2020.08.31
Next Next post: Weeknotes 2020.09.11
Proudly powered by WordPress