Back to blogs

Monthly reflection - June 2020

  • 5 minutes read
  • #monthlyreflection

Open article in DEV.to You can also read this article here on DEV.to

A reflection on my June 2020 of what I have done and achieved. Made a lot of change and additions to my website and was able to write some articles...

All my articles are first published and hosted on my blog - but you can also find this article on here on DEV.to. You may also be interested in my tweets on my Twitter profile and my monthly newsletter. 🔥


What did I do? 💻

New articles 📰

In , my website would get anywhere between 10 and 50 visitors a day. In , the average number of site visitors could be anywhere between 200 and 300 a day. I was motivated to work on my website to make it more engaging for visitors.

Here are the improvements and additions:

  • Implemented Nuxt Content for markdown blogs with its own API
  • Implemented Nuxt Feed so I can have an RSS feed for my blog
  • Show my latest article on my homepage
  • Improved the design of my projects page
  • Added "What I'm currently doing" section to home page
  • Added "Top projects" to home page
  • Added "My toolbox of skills" to homepage
  • Added a contact form to home page using Formspree
  • Created a portfolio page
  • Added a Buy Me a Coffee button
  • Redefined my theme colours to make them more accessible (I aimed for WCAG AAA, but some combinations are WCAG AA)
  • Search field on blog page

Miscellaneous

  • Purchased CodePen PRO
  • Redesigned a new open graphic for my blog posts (these can be found by appending /og.png to the end of any blog post URL)
  • Joined DEV.to
  • New Twitter and LinkedIn banner
Twitter and LinkedIn banner for Jack Domleo
New Twitter and LinkedIn banner

I was approached by Ravit Jain at Packt Publishers to read and review a book

This was an exciting opportunity. At the time of writing, I am still currently reading this book. I was given a FREE copy of Responsive Web Design with HTML5 and CSS by Ben Frain to read and write a review when I am finished. I was also asked to hold a giveaway event on Twitter to help gain traction to the book from the Tech Twitter community. The giveaway was a success and a lot of fun!

Additions and modifications to ellaparsons.design

  • Created a portfolio page
  • Modified BIO and added an Apple MacBook memoji on the bio page

Released v.1.6.2 of Cooltipz.css

Spinning Smiley Face using GSAP on CodePen

First time using GSAP - a nice simple, cute smiley face spinning.

See the Pen Spinning Smiley Face - GSAP by @jackdomleo7 on CodePen.

Day/Night GSAP on CodePen

See the Pen Day/Night - GSAP by @jackdomleo7 on CodePen.

Airplane Sequencing GSAP animation

See the Pen Airplane sequencing GSAP animation by @jackdomleo7 on CodePen.

Simple shapes with GSAP's SVG Morph plugin

See the Pen Simple shapes morph SVG GSAP by @jackdomleo7 on CodePen.

My first attempt at my own #NoPreviewHtmlCss challenge on CodePen

This was... interesting! You only realise once taking part in the challenge how difficult it actually is to not look at the preview while coding. But I'd like to say my first attempt was somewhat successful and will be trying again at some point.

See the Pen Neutral Emoji: #NoPreviewHtmlCss Challenge by @jackdomleo7 on CodePen.

Setting an undefined CSS variable using JS on CodePen

This was requested by someone on Twitter (but I lost the tweet 🤦‍♂️).

See the Pen Setting an undefined CSS Variable using JS by @jackdomleo7 on CodePen.

UK vs US traffic lights animation on CodePen

See the Pen UK vs US Traffic Light Sequences - pure CSS by @jackdomleo7 on CodePen.

Pastel Hover Draw Pixel Art on CodePen

See the Pen Quick Draw! - Hover Pastel Pixel Art by @jackdomleo7 on CodePen.


Achievements 🎉

Jhey liked one of my GSAP animations

I've currently been learning GSAP and have honestly found it difficult. So, I'm happy with the comments Jhey had to say about my airplane animation - they were really encouraging. Soon, I'm going to start the Creative Coding Club course by Carl Schoof.

Reached 1000 followers on Twitter

I reached 100+ followers on CodePen

See the Pen 100 followers - Thank you 🎉 by @jackdomleo7 on CodePen.

DEV featured my article on Twitter

I was really excited to see that DEV tweeted about my journey article! 😁

Received my very first donations on Buy Me a Coffee

I'm super grateful for these donations! They encourage me to do more and reassure me that I'm doing the right things for the developer community - whether it's on Twitter, CodePen or somewhere else. 😊