Quick Tips
Center an Element Horizontally and Vertically with Flexbox
2020-10-08Did 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 MoreCreate a Card Layout with CSS Grid
2020-10-08You 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 MoreCreate Custom GraphQL Queries in AWS Amplify
2020-10-20AWS 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 MoreCreate a Git Diff in Markdown
2020-10-20One 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 MoreCreate Multiple Files at Once with Brace Expansion
2020-10-20Did 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 MoreDeploy a Next.js App to AWS Amplify
2021-05-19AWS Amplify just announced server-side rendering deployment support for Next.js ! Here's a quick guide on how to deploy both an SSR and an…
Read MoreCreate Rainbow Text with CSS: Three Different Methods
2020-10-13I 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 MoreRead from a File with Python
2020-10-09You 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 MoreBreaking Down the Acronyms: SSR vs. SSG
2021-05-19Acronyms are always fun -- they're helpful for reducing the effort of saying out a full long-winded technical term, but they can also look…
Read MoreUsing Children in React
2020-10-20You 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