Channel Avatar

A Designer Who Codes @UCD00Is447lWaY04_gNTOaVA@youtube.com

None subscribers - no pronouns set

Hi there. I'm Haydn and I'm all about helping you learn to d


09:07
Customize Vimeo Video Player to make videos amazing on your website
06:32
Embed a Responsive Vertical Video with HTML & CSS
25:27
SEO & HTML Guide for 2024
14:06
Why & How to use Gatsby (plugin) Images
04:24
How to change the bullet color in an unordered list (ul/li) in HTML/CSS
07:56
How to Install & Use Font Awesome in React
04:58
Easily link Stripe payments to your website
17:42
How to add og meta images in React
20:57
How to add Metadata to React JS (Gatsby and Next JS too!)
03:35
Embed a Responsive Google Map in HTML / CSS
05:29
Embed Responsive Google Maps in React JS
07:29
Automated emails made easy
09:13
Create & Customize a Landing Page with a Lead Magnet to Collect Emails
07:55
Which one is better? :last-child or :last-of-type?
02:20
Netlify CMS & Gatsby Tutorial #8: Going Alphabetical w/ GraphQL
11:14
Netlify CMS & Gatsby Tutorial #7: Making Netlify CMS active in Netlify
12:44
Netlify CMS & Gatsby Tutorial #6: Setting up the Admin file
07:47
Netlify CMS & Gatsby Tutorial #5: Responsive (React) Bootstrap Cards with Markdown Info
16:06
Netlify CMS & Gatsby Tutorial #4: Pulling Markdown data into Gatsby
11:08
Netlify CMS & Gatsby Tutorial #3: Pulling Data from GraphQL
08:49
Netlify CMS & Gatsby Tutorial #2: Connect Gatsby to Netlify
32:19
Netlify CMS to StaticCMS Transition Guide using Gatsby JS
07:38
Netlify CMS & Gatsby Tutorial #1: Setup Gatsby and install React Bootstrap
05:48
Digitally crop images with css (and make it responsive)
03:13
Custom bootstrap 5 form select border colors
15:06
Vertically Aligned Bootstrap Cards (and it's responsive too!)
04:37
Get a PDF contract / agreement digitally signed easily w/ Adobe Acrobat — easily
25:56
Bootstrap 5 HORIZONTAL Cards
08:06
Align Rows & Cols // A Bootstrap 5 Responsive Flex Guide // Part 4
12:55
Justying Content with Rows & Cols // A Bootstrap 5 Responsive Flex Guide // Part 3
05:43
Rows & Columns // A Bootstrap 5 Responsive Flex Guide // Part 2
10:08
How exactly does Bootstrap Flex Work? // A Bootstrap 5 Responsive Flex Guide // Part 1
12:42
Engineering Website Critique // Website Critique 07
11:49
Web Accessibility is Crucial for a Website in 2022 // Website Critique 06
12:06
E-commerce site built with Gatsby JS // Website Critique 05
14:58
Educational Website Critique //
18:08
Web Developer's Website Built using Gatsby JS (and yes, it is really fast!) // Website Critique 03
10:57
Computer Science Major's Dark Website // Website Critique & Review 02
13:11
Web Developer Personal One-page Portfolio // A Website Design & Dev Critique
13:04
Add Social Media Icons to React (with React Font Awesome)
03:30
How aria-label works with ADA Accessibility in HTML
09:21
Easily Add Social Media Icons to your Website w/ HTML & CSS
19:30
How to Create a Contact Form with Icons (using Bootstrap & Font Awesome)
07:52
How To Embed YouTube Videos in React / Gatsby (and make them Responsive)
17:28
Break The Grid — In a Responsive Way
14:47
How to position text both ABSOLUTE and RESPONSIVE
11:24
What's The BEST Image Format for the Web?
15:48
React Social Media Login Form
18:13
Squarespace ecommerce bootcamp // Get your E-Commerce store up and running quickly
21:32
Bootstrap 5 Full-Screen Landing Page
07:18
Gradient Type in CSS
28:18
Squarespace Crash Course / Tutorial (in under 30 minutes)
26:47
Floating responsive testimonial (w/Bootstrap 5)
09:40
Responsive Background Images w/ Bootstrap 5 (in HTML/CSS)
02:54
How to make the PERFECT Crop in Photoshop (without the crop tool)
09:57
Create symmetrical paragraph lengths with Read More / Read Less in React
03:56
How to Setup a Live Server Easily (no more refreshing!)
15:44
Bootstrap 5 RESPONSIVE Sidebar / Vertical Navigation
09:59
How To Backup Up Your Mac - THE RIGHT WAY
08:37
How to create 2-column mobile menu in Bootstrap 5