Quick Tips

Create a Card Layout with CSS Grid

2020-10-08

You can create a card layout with just a few lines of CSS Grid code! First, we need a parent HTML element with some child elements inside it…

Read More

Create Custom GraphQL Queries in AWS Amplify

2020-10-20

AWS Amplify uses code generation to create GraphQL queries for you when you add an API. This is super handy, but say you want to add a…

Read More

Create a Git Diff in Markdown

2020-10-20

One of my favorite blogging tips is using diff formatting in GitHub flavored markdown. I use this to show what has changed in code snippets…

Read More

Create Multiple Files at Once with Brace Expansion

2020-10-20

Did you know that you can create multiple files with the same name but different extensions all at once using the CLI? Bash/Zsh/Fish etc…

Read More

Center an Element Horizontally and Vertically with Flexbox

2020-10-08

Did you know that you can center an HTML element horizontally and vertically in just a few lines of code using CSS Flexbox? First, we need a…

Read More

Create Rainbow Text with CSS: Three Different Methods

2020-10-13

I really like adding rainbow text to my apps 🌈. There are three methods I usually use for this, so I thought I'd aggregate them into one…

Read More

Read from a File with Python

2020-10-09

You can read from a text file in Python using the open function. First, create a file with some text in it. Mine is named input.txt and…

Read More

Using Children in React

2020-10-20

You can use props.children in React in order to access and utilize what you put inside the open and closing tags when you are creating an…

Read More