Web Design Café

In this video I walk you through spinning up a WordPress site on XCloud, installing and configuring Site Nitro Creator Suite, designing the site with Elementor using AI assistance, and publishing a fully formatted restaurant review — all in about an hour.

In this tutorial, you will learn absolutely everything you need to know about HTML, which is the fundamental language for building web applications.

Leading tech companies have been forcing developers to embrace AI, some have gone to the point of replacing juniors with AI. Here's my take on what I think will happen with the junior developer role.

In this video, I walk you through how to use the MagicPath Chrome extension to capture and remix website components, then bring them into v0 by Vercel to build responsive, editable site designs. I start from scratch, demonstrate the whole process using a site I like, and show you how easily you can customize and integrate different sections into your own projects.

Let's take a look at the latest web design trends, including the use of hypercolour palettes for a vibrant UI/UX. These website design aesthetics are trending in the web design freelance world. Check out the video for inspiration!

Is your website quietly screaming 2020? Outdated web design trends can leave the wrong impression and might even cost you clients. In this video, I’m breaking down 12 web design trends that are officially out in 2025 and showing you exactly what to do instead to keep your site looking polished, professional, and irresistibly modern.

Throughout my career, I have been learning modern languages and tooling, and assumed the “old stuff” was just history. Then I kept bumping into Assembly: in operating systems, firmware, and the kinds of systems you really don’t want failing. In this video, I share what I’ve learned. It’s a pretty cool story about where our software came from, what still runs beneath everything we build.

In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web developer, this is where you need to start! At the end of more than eight hours of learning, where we cover everything from basic HTML elements to working with Flexbox and CSS Grid, you’ll test your new skills by building a complete web page.

This method allows us to freely rename classes and variables in Webflow without breaking custom code. It also creates much less code and is more flexible. I show the difference between this and a CSS embed at the end of the video. We'd normally have lots of duplicated styles in the embed, which makes it harder to maintain and only editable by developers. But this method keeps everything in the style panel, making it easier for anyone to adjust or add to the animation without writing code.

Sharing my top website resources for web design and development, I use daily. These sites will help you find fresh ideas to create amazing, award-winning websites.

Master web design with this complete 17-hour course! From Figma fundamentals and Framer no-code development to business strategies and freelancing success, this step-by-step course covers everything you need to launch your design career.

En este video desarrollo un web app con Vanilla Frontend, Supabase y apoyo de Inteligencia Artificial.

Learn how to build a responsive website from scratch with HTML, CSS, and JavaScript.

In this video, we discuss a complex topic: when to use Flex and when to use Grid. First, we explain each in its context, and then I'll run through some exercises to determine which one would be best to use and when. Leave constructive feedback in the comments so I can keep improving, and don't forget to leave a like!