Categories
Blogs and blogging Coding Design Education People Tutorials

How Wes Bos built his new site

I’ve followed Wes Bos for a couple years now. I bought several of his courses, and look forward to when I have time to do his Beginner JavaScript — Learn JavaScript from Scratch course. He recently rebuilt his personal site using Gatsby.JS, and published both a post and a video explaining how he did it:

The details of his site are pretty technical, and the code is available on GitHub if you want to fork the repo, and take a closer look yourself.

I don’t see myself reproducing what he’s done, and building a new site for myself in the foreseeable future. That said, I have tremendous respect for Wes Bos, and how he approaches his work.

He shares openly, offers pricing for his courses that make it much more affordable (I especially appreciate that), and he produces really good quality content.

If you’re interested in how to build a really fast, static site using the Gatsby.JS framework, definitely take a look at his post and video tour. If you’re interested in learning how to code in JavaScript and JavaScript frameworks like React, check out his courses.


Featured image credit: Wes Bos (I took this version from his GitHub repo).

Categories
Coding Design Education Tutorials

A CSS Grid refresher with Mozilla

I really like CSS Grid for layouts. My challenge is that I tend not to use it all that much in my day-to-day work (I provide a fair amount of CSS support, but it tends to be focused on narrower issues), so I don’t practice it all that much. Then, when I return to CSS Grid, I don’t remember any of the syntax beyond display: grid;

Fortunately there are loads of resources online to learn CSS Grid. The latest is a video by Miriam Suzanne on the Mozilla Developer channel, titled “Build a Classic Layout FAST in CSS Grid” –

My favourite CSS Grid resources also include the MDN guide “CSS Grid Layout – CSS: Cascading Style Sheets“, and Wes Bos’ terrific CSS Grid YouTube series: