Journal

Tips, Insights and Ramblings

  • October 12th, 2021

    CodePen Challenge: Terrible Text Fields

    Be wary, a tormented ghost has possessed the text field in this CodePen. Type into the text field, if you dare, and experience the spirit's wrath!

  • Constrast CodePen Challenge banner

    November 3rd, 2020

    CodePen Challenge: Contrast

    Never lose track of your cursor again! A custom cursor is created using "mix-blend-mode: difference" which will give contrast to any image or element the user mouses over.

  • Wheelchair users parking area

    September 18th, 2020

    Web Accessibility & Why its Crucial in 2021

    Web accessibility is all about inclusivity. It’s the idea that everyone, regardless of limitations, should have the same opportunity to view content on the web like everyone else. These limitations include visual, auditory or physical disabilities. Making your website accessible will become ever more crucial in 2021.

  • Gangnam Style CodePen challenge featured image

    August 26th, 2020

    CodePen Challenge: Gangnam Style

    For this week's challenge, we make the shift from MTV to YouTube with the first video to get 1 billion views: "Gangnam Style" by Psy. Love it or hate it, if you were online in 2012 you definitely saw it. And you can't deny it's got some great colors!

  • Take on Me banner

    August 5th, 2020

    CodePen Challenge: Take on Me

    This week, our color palette comes from the video for "Take on Me" by a-ha from 1985. The absence of color is a big part of the video but the crossover moments between the comic book world and the real world are filled with moody pastels.

  • Robots blog banner

    July 27th, 2020

    Using robots.txt to prevent staging sites from indexing

    Going over the basics of the robots.txt and the solution to prevent your staging site from being indexed.

  • June 23rd, 2020

    React: Stateless Functional Components

    Sometimes we find ourselves in a situation where we are creating large components just to output some HTML. This is usually overkill. Instead, we can use something called a Stateless Functional Component.

  • Bubbling beer svg

    June 13th, 2020

    CodePen Challenge: Bubbling

    This month we explore concepts that help us get our animation juices flowing. We are also provided resources to help us learn GSAP or level up your GSAP skills.

  • May 19th, 2020

    Knockout Text Video Background

    Knockout text overlaying a video background created using "mix-blend-mode: multiply;"

  • May 17th, 2020

    JavaScript ES6: The Basics of Classes

    In this article, you’ll see how messy and complex it is to set up prototypal inheritance in ES5 and how you can use JavaScript ES6 Classes to make understanding and implementing inheritance much easier!

  • Spinner icon

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now