David Wesst // Blog

How to Build ReactJS with Gulp

Published on 2016-Sep-19 // Updated on 2016-Sep-20
Tagged with reactjs , gulp , javascript , babel

I started to tinker with React last week and needed to do some digging on how to transpile the React JSX files using Gulp. In this post, we walkthrough my newly updated Gulp task that transpiles JSX and JavaScript files.

How to Compile Typescript into a Single File with AMD Modules with Gulp

Published on 2016-Sep-12 // Updated on 2016-Sep-20
Tagged with typescript , javascript , amd , requirejs , gulp

The lessons I learned and the steps I took to compile TypeScript modules into a single file with AMD modules using Gulp, along with how I consumed those compiled modules in my HTML application.

How to Use Highlight.js with Bower and Gulp

Published on 2016-Aug-29 // Updated on 2016-Sep-20
Tagged with javascript , gulp , bower , highlight.js

One of the best libraries I’ve seen for syntax highlighting on the web is highlight.js, IMHO. The catch to using the library is that it takes a bit more effort to setup than just adding a script tag and being done with it. In this post, I’ll walk you through the steps I took to get this up and running with Bower and Gulp.

Mobile First Design Tips

Published on 2016-Aug-16 // Updated on 2016-Sep-20
Tagged with css , mobile , responsive

When redesigning my personal website and blog, I started from scratch and attempted to apply a mobile-first design approach. Here are a few tips that I picked up along the way while creating and implementing my new design that might prevent some mistakes on your own sites.

Keeping Your Edge on an Extended Break

Published on 2016-Jul-18 // Updated on 2016-Sep-20
Tagged with professional development

I recently came off of four months of parental leave where I had a fantastic time bonding with my new daughter. Although four months doesn’t seem like much of a hiatus, I learned very quickly that being a full time parent doesn’t leave much time to keeping my professional edge.

They might seem obvious, but it took me a while to find a balance to make sure spending time with my daughter didn’t play second fiddle to my profession passion and/or obsession. I also didn’t want to give up the little bit of sleep I’ve managed to get, which bring me to the three things that really helped keep up up-to-date.

Measuring in CSS is Cool

Published on 2016-Mar-07 // Updated on 2016-Sep-20
Tagged with html , css , css3 , stylesheets
header.png

I’ve been on this CSS kick for the past while, and I had forgotten how much CSS can do now. More specifically how things have changed when it comes to measuring height and width.

Using text-overflow:ellipsis with Inline Flex

Published on 2016-Feb-29 // Updated on 2016-Sep-20
Tagged with html , css , flexbox

Dave Paquette, a fellow Western Dev, hit a strange CSS snag the other day. He wanted to use the text-overflow: ellipsis on a flexbox item that displayed text, where the ellipsis would show up if the text was too long.

It didn’t work as expected, but after some digging, a solution was discovered. This post exists to document both the problem and solution with the hope that it prevents future headaches for other CSS developers.

JavaScript Framework or Pure JavaScript (Part 2)

Published on 2016-Feb-22 // Updated on 2016-Sep-20
Tagged with javascript , phaser

A friend and I decided to make a video game using JavaScript.

When deciding on whether or not to use a JavaScript game framework I went with Phaser, and Chris opted to go with pure JavaScript.

We were both right.

This is part 2 of 2 in the series. In this post, I’ll cover why I’ll cover why Chris opted not to use any frameworks and stick with pure JavaScript.

JavaScript Framework or JavaScript Core (Part 1)

Published on 2016-Feb-16 // Updated on 2016-Sep-20
Tagged with javascript , phaser
JavaScript Framework or Pure JavaScript

A friend and I decided to make a video game using JavaScript.

When deciding on whether or not to use a JavaScript game framework I went with Phaser, and Chris opted to go with pure JavaScript.

We were both right.

This is part 1 of 2 in the series. In this post, I’ll cover why I opted to use a JavaScript framework rather than pure JavaScript.

Exploring JavaScript Game Frameworks

Published on 2016-Feb-08 // Updated on 2016-Sep-20
Tagged with finder game

(Originally Posted to MakeWebNotWar.ca.)