Hey everyone, Rik from SuperHi here. We created a brand new course aimed at creatives wanting to build their, or others, online portfolios from scratch. In this course we cover how to go through the whole process of making a digital portfolio from nothing.

In the course, you'll argue with the client over budget, make a Kanban board in Notion, sketch up wireframes, mood board, create a design system in Figma (colors, typefaces, logo and site layout), code up a site that's mobile-friendly and search-engine-friendly, then get it onto a custom domain.

We made it a free course to help people in need right now. I hope that if just one person finds it useful, then we will have succeeded in our aim!

Nice Portfolio is great: http://niceportfol.io/

Hey DN, Rik from the video here! Happy to answer any questions you have about the tutorial – it's one of our all-time top requests that our students have, plus it was a fun one to make too!

Hey Rik, the guy in the vid here! Happy to answer any questions about this. This tutorial was based on the @newsycombinator bot I made back in 2008(!) which now has 181,000 followers. I did no promotion for the bot, apart from tweet about it once it was launched, and all the followers are natural due to retweets and likes.

I had a lot of requests from people wanting to make their own and I wanted to use a different source so of course, I wanted to use DN!

FYI, if you found this tutorial useful, we have another one here which talks about overlapping layouts with CSS Grid too https://www.superhi.com/video/overlapping-layouts-with-css-grid

Hey Rik, maker of the video here, happy to answer any questions about CSS Grids!

Hey Pete, author of the article here. We could have used waypoints, yeh, but it was more about showing people how to think about Javascript, especially if they're a beginner to it. The reason we used jQuery is that for people who may know CSS but not Javascript, it's a shorter jump to pick it up. We could have done this without waypoints and jQuery, and wrote the article in vanilla JS but I felt there would be more concepts to explain – I wanted to dive in with the good stuff!

Hiya, I'm Rik, I wrote the blog post – I wanted to show something quick and easy for someone who may never had played around with Javascript for fear of being scared of how it worked/looked. There's no reason that someone couldn't take the code from the article and build on top of it (with GSAP, velocity.js or whatever) – I wanted to show how to think about turning design features into code using Javascript rather than get too heavy with it

Hey Carlos,

Jon's book is pretty much the best one out there, he's already a really nice dude too. Personally, my problem with most guides (including Jon's) is how they separate out HTML and CSS in two (or three if you include Javascript).

When you're learning, there's a continual progression with all three of HTML, CSS and Javascript together – you don't learn all of HTML, then all of CSS, then all of Javascript. They're all incredibly interlinked.

Ours is aimed more towards designers and people who work in the creative industry, rather than a mainstream audience, so there's a lot more "design" techniques in there rather than theory about coding.

Rik

We haven't launched the pricing yet because we're getting the main site ready to launch – it's coming v soon I promise :)