Good Morning KW

So here’s a new thing I’m going to be doing! I’m starting a new daily podcast for local news in the Kitchener-Waterloo area! As some of you know I used to be an on-air radio host before I got into web development so hopefully, this will be worth your time if you live in KW. I have other more tech-focused podcast coming up later but for now, I just want to start forming the skill to produce daily audio content.

Continue Reading

Moving Background with Polygon

This has been something I wanted to do for a loooooong time. Ever since I saw @wearejam3 make some cool sites with it in them years ago. Angled divs. They look amazingly cool! I’ve never really made one before that was used to section off to different spots but I was inspired by @richardcodes who happens to be building his site with some of this divisions on his home page. I’m not really reinventing the wheel here but I did

Continue Reading

Bouncing logo reveal

I accidentally found this neat idea when I was playing around with my bouncing switches idea inspired by @sasha.codes. Making white squares that bounce up when you hover over them kinda have this cool effect of the webpage coming alive in some way. I showed Elva this and she suggested coloring in a logo or something, so I put my company logo (Digicraft Software Consultants) in and with an added twist the logo squares stay colored when hovered over once

Continue Reading

Bouncing Switches

Today I wanted to do a little CSS of my own after work. I’ve been posting a lot on Instagram and I was checking out one of my followers @uncognition and he gave a shout out to @sasha.codes in his story. Anyway, Sasha is, from what I gather, a designer in the bay area and she posts some really cool animations and Sass snippets. Her first post on the page is of some bouncing colored boxes. I wanted to recreate

Continue Reading

#7daysofbuttons Milk bar bakery button

In all seriousness, I think if I was born in another time before computers I’d probably be a chef. Last night Elva and I watched the first episode of the new season of Chef’s Table. I love this show. The first episode is about a chef named Christina Tosi and It’s a powerful first episode. It has one of those endings that leave you inspired to do something. So this button is inspired by Christina and the bakery she created

Continue Reading

#7days of buttons God of War Axe

I’m laaaate, yesterday I had this whole plan for a button which I, unfortunately, didn’t’ start until around 9 pm. Got tired, hit a coding wall, and decided to look at this with fresh eyes in the morning. So here are the fruits of my labor. This button is inspired by the new God of War game coming out soon. In it, the main character Kratos uses a big burly ax called the Leviathan Axe, and he can throw it

Continue Reading

#7daysofbuttons My Hero Academia UA button

For today I wanted to create my own icon from “scratch”, at least make the vector all on my own. You may not know this about me but I am a huge anime fan so to satisfy some catharsis, I went out to Google and found the UA logo from the anime My Hero Academia, then I traced it in Sketch. The logo is really simple so as a beginning to building my own vectors this was easy to do.

Continue Reading

#7daysOfButtons Heart Button – diving in on SVG animations

This was perhaps one of the hardest buttons I’ve ever made myself code. I wanted to push myself and make something I’ve never made before. So my inspiration was the “like” button in Facebook Messenger, the one that grows the longer you hold it. The other button that inspired me was the Medium clap button where for the longer you hold the button the bigger the value the claps become. So this is my heart the longer you press it

Continue Reading

#7daysOfButtons CSS button challenge day one

This week I want to challenge my self to practice more CSS so for the next 7 days I’m going to make a new button from scratch and see where I get. I’ll be posting my code on this site! Here is the first button that I’m doing for the 7 Days of Buttons challenge. It’s kind of a button you would expect for a mobile drop-down menu, or otherwise. Currently, this is a pure CSS version, clicking on that

Continue Reading

Levels of expertise in JavaScript – Are you ready for the tutorial?

The following blog is apart of my growing list of guides for teachers and students of online tutorials in web technology. To help judge what a tutorial expects of the reader to know before taking. This time we’re talking about JavaScript, but check out my other guides for HTML and CSS. JS is a big one, growth in it has just exploded in the past ten years. What used to be a system for adding a sprinkling of logic to

Continue Reading

Site Footer