⬅️ Back to notes

Links Collection (Things I've Learned)

Last updated: Mon Jan 17 2022

First created: Fri Dec 24 2021

Week Ending 01/07/22

https://github.com/nuxt/content/issues/849#issuecomment-814914573

If a nuxt-content component has or has a parent with display: flex, code blocks are not responsive.

https://bobbyhadz.com/blog/javascript-check-if-array-contains-all-elements-another-array

https://stackoverflow.com/questions/36267507/is-it-possible-to-animate-a-css-line-through-text-decoration

https://www.newline.co/@anthonygore/how-to-convert-json-to-csv-in-nodejs--23c6b226

Week Ending 12/31/21

https://www.earthinversion.com/blogging/how-to-link-unsplash-images-directly-to-your-jekyll-blog/

https://audiense.com/

https://content.nuxtjs.org/installation/#typescript

span:before {
  content: '';
  animation: animate 1 8s;
}
@keyframes animate {
  0%{
    content: '';
  }
  25% {
    content: 'Code';
  }
  50%{
    content: 'Content';
  }
  75%{
    content: 'Communities';
  }
  100%{
    content: '';
  }
}

https://www.w3schools.com/cssref/css_websafe_fonts.asp

If the margin property has two values:

margin: 25px 50px; top and bottom margins are 25px right and left margins are 50px

https://www.w3schools.com/css/css_margin.asp

https://content.nuxtjs.org/displaying/#style

nuxt-content components will translate to a .nuxt-content class for CSS

https://nuxtjs.org/tutorials/going-dark-with-nuxtjs-color-mode/

https://nuxtjs.org/docs/directory-structure/layouts/

Week Ending 12/24/21

https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp

Tip: For best browser support, you should always define both the 0% and the 100% selectors.

https://www.youtube.com/watch?v=l66s-Ju_QRk&ab_channel=JuriStrumpflohner

Create Visual Studio Code snippets with snippet-generator

https://rectangleapp.com/

Free, open source tool for snapping windows in macOS

https://egghead.io/courses/build-a-digital-garden-with-nuxt-and-nuxt-content-module-9b67f0de

Great refresher on the Content Module as a rebuild my site to allow for more consistent, organic content creation