January 2019 – Alex Nielsen – My Web Development Blog

CSS animation basics and Sass mixins

This was based on something a person was asking about on a facebook group. They were asking if there was a library that would make background animations. I saw their example and said “That looks like the bottom of 3 moving circles. I bet I can make that with just CSS”. Here is the result of what I came up with. I ended up reviewing about SCSS mixins to reduce the amount of code. Below you’ll find my codepen as well as a video where I walk through my process.

Responsive landing page based on client requirements.

Huddle landing page

This was a project from www.frontendmentor.io The site provides practice challenges that users can work through. They provide a project brief, style guide, and an image of the design and you have to recreate it yourself. If you’re trying to get out of the tutorial rut but need some inspiration on what to build yourself, this is a great resource.

Back to Basics. A true or false quiz in JavaScript

Starting out with basic projects is a great way to solidify what you’re learning in web development. Don’t listen to the people who groan when they hear you’re making another to-do app or other small project. It’s not easy if you’ve never done it before. Here is one way of making a true or false quiz in JavaScript.

Event Delegation in JavaScript

You don’t always have to write event listeners for everything. Event delegation lets you add one listener to the parent element and then use the information from the created event object to tell which child element was the target of the event. Here’s how it’s done.