4 Tips For Workplace Pranks

Any workplace can get stale, boring or in a rut. I think software development can be particularly susceptible because the high level of concentration needed to write code. Over the years I’ve found that that small breaks from the routine can help clear my head and allow me to better focus on my work. This typically means working a few minutes on the crossword or jigsaw puzzles in the break room when getting a coffee. Sometimes, it takes more than a puzzle to shake things up. That’s when I like to play harmless pranks on my coworkers. If done right, not only can this cause a break from the routine but it can crack a few smiles and cause a little laughter.

Read More

Share

My Favorite Vue Resources

To learn about Vue, I started following interesting people in the Vue community, listened to podcasts, and completed several tutorials. I thought it might be helpful to others to share some my favorite of those Vue resources.

Read More

Share

2019 Self Improvement Plan

Before last year, I had not put together an improvement plan for myself for at least 10 years. Putting down my thoughts on how to get better as a developer really did help. While I didn’t do all the things I set out to do, I did make progress towards last year’s general theme of putting myself out there more:

Read More

Share

A New Vue On JavaScript30 - 08 Fun with HTML5 Canvas

This article is part of the A New Vue On JavaScript30 series that explores re-implementing Wes Bos’s (@wesbos) #JavaScript30 projects using Vue. Today I will be working with #JavaScript30’s 08 Fun with HTML5 Canvas project. This project uses a <canvas> element to provide a fun a way to draw in the browser window by clicking and dragging the mouse. As you draw, the line will get larger and smaller as well as change color. Here is an animated gif of it in action.

Read More

Share

2018 Give Back Gift List

Every Christmas season, I always dread the task of coming up with gift ideas for me that family members can use. Is that too expensive? Is it not expensive enough? Can this very specific electronics part be easily purchased? These are just some of the questions I ask myself every year but NOT this year. I’m going to 💀🐦🐦⚫. This year, I have the perfect way to build a list and it also checks off another thing I have been meaning to do. Support the free content producers and open source projects I use every day by purchasing their swag. So I present to you:

🎄🎄🎄 Dave Follett’s 2018 Give Back Gift List 🎄🎄🎄

Read More

Share

A New Vue On JavaScript30 - 06 Type Ahead

This article is part of the A New Vue On JavaScript30 series that explores re-implementing Wes Bos’s (@wesbos) #JavaScript30 projects using Vue. Today I will be working with #JavaScript30’s 06 - Type Ahead project. This project uses an input to filter down a list of cities as the user types. In addition to filtering the list, it also highlights the input value in the results. Here is an animated gif of it in action.

#JavaScript30 Finished Type Ahead Project

Read More

Share

A New Vue On JavaScript30 - 05 Flex Panel Gallery

This article is part of the A New Vue On JavaScript30 series that explores re-implementing Wes Bos’s (@wesbos) #JavaScript30 projects using Vue. Today I will be tackling #JavaScript30’s 05 - Flex Panel Gallery project. This project displays a page of five images in vertical slices with words on them. When an image is clicked there is a neat animation to expand the image and slide in some additional text.

Read More

Share

Accessibility Testing - aXe Browser Extension

Inspired by the syntax.fm podcast episode on website accessibility (a11y), I decided to try out the aXe browser extension created by Deque Systems. Though Wes and Scott mention several interesting tools, this one appealed to me because it sounded both robust and easy to use.

Read More

Share

A New Vue On JavaScript30 - 03 CSS Variables

This article is part of the A New Vue On JavaScript30 series that explores re-implementing #JavaScript30 projects using Vue. Today we will be working with the third of Wes Bos’s (@wesbos) #JavaScript30 projects titled: 03 - CSS Variables. This project uses an HTML inputs to control CSS variables to change an image’s blur, padding, and background color.

Key Vue Concepts

The following Vue concepts are discussed in this article:

  • Style binding with :style (shorthand for v-bind:style)
  • v-model directive to create two-way data bindings on form input
  • Computed Properties
  • Watched Properties
  • The mounted lifecycle hook

    Read More

Share

A New Vue On JavaScript30 - 02 JS and CSS Clock

This article is part of the A New Vue On JavaScript30 series that explores re-implementing #JavaScript30 projects using Vue. Today we will be working with the second of Wes Bos’s (@wesbos) #JavaScript30 projects titled: 02 - JS and CSS Clock. It’s a cool looking analog clock that uses a setInterval() callback to control the clock hands by rotating them based on the current time.

Key Vue Concepts

The following Vue concepts are discussed in this article:

  • Style binding with :style (shorthand for v-bind:style)
  • data reactivity
  • mounted lifecycle hook

    Read More

Share