Published By
Created On
17 Sep 2022 16:15:23 UTC
Transaction ID
Cost
Safe for Work
Free
Yes
Why Does Nearly Every Site Have This “Invisible Unclickable“ Link?
Accessibility is one of the most important things to consider when developing a site, but it is often overlooked. In this video I talk about hidden links and why they are crucial to making your site more accessible.
? Materials/References:
CSS Individual Transform Properties Video: https://youtu.be/416MT-VmJdI
CSS Individual Transform Properties Article: https://blog.webdevsimplified.com/2022-09/css-individual-transform-properties
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:30 - Examples
01:34 - Creating A Skip Link
05:34 - Other Skip Link Uses
#Accessibility #WDS #CSS
...
https://www.youtube.com/watch?v=VUR0I5mqq7I
? Materials/References:
CSS Individual Transform Properties Video: https://youtu.be/416MT-VmJdI
CSS Individual Transform Properties Article: https://blog.webdevsimplified.com/2022-09/css-individual-transform-properties
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:30 - Examples
01:34 - Creating A Skip Link
05:34 - Other Skip Link Uses
#Accessibility #WDS #CSS
...
https://www.youtube.com/watch?v=VUR0I5mqq7I
Author
Content Type
Unspecified
video/mp4
Language
English
More from the publisher
Controlling
VIDEO
FREE
free-css-selector-cheat-sheet-+-bonus
? IMPORTANT:
Download The Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
...
https://www.youtube.com/watch?v=WDFsKeLdgZ4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
INTRO
introduction-to-html-your-first-web-page
In this video we dive into the basics of HTML. We will cover the basic structure of an HTML file, as well as the steps needed to set up an efficient development environment. We will also create our very first web page.
...
https://www.youtube.com/watch?v=BvJYXl2ywUE
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
BUILD
build-tic-tac-toe-with-javascript
Learning web development can be tough and boring, but it doesn't have to be. In this video we take a look at creating an advanced JavaScript tic tac toe game. This is a great project for anyone that wants to create a fun project while learning advanced JavaScript and CSS concepts.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/JavaScript-Tic-Tac-Toe
CodePen Code: https://codepen.io/WebDevSimplified/pen/MWYGogW
JavaScript Defer Attribute Tutorial: https://youtu.be/BMuFBYw91UQ
Why I Do Not Use Class Selectors In JS Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript
CSS Variables Tutorial: https://youtu.be/oZPR_78wCnY
Array Destructoring Tutorial: https://youtu.be/NIq3qLaHCIs
? Concepts Covered:
- Advanced CSS Hover Effects
- Advanced JS Game Logic
- CSS Not Selector
- CSS Shape Building
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#TicTacToe #WDS #JavaScript
...
https://www.youtube.com/watch?v=Y-GkMjUZsmM
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
STOP
stop-watching-programming-tutorials
JavaScript Simplified Course Table Of Contents: https://javascriptsimplified.com/advanced-table-of-contents/?utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-z9FeTl5eq9E
React Simplified Course Table Of Contents: https://reactsimplified.com/beginner-table-of-contents
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#Shorts
...
https://www.youtube.com/watch?v=4fXOjwl2HOQ
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
WHAT
what-you-can-learn-from-the-twitter-hack
? IMPORTANT:
Auth0 Hackathon Signup: https://a0.to/hack-wds
Recently, Twitter was the victim of a $100,000+ hack that effected hundreds of users. While you may think this was the cause of some clever computer programmer hacking into Twitter's defenses, in actuality, this hack was caused by Twitter's own internal development tools. These tools were leaked via a social engineering hack which led to hundreds of huge accounts posting messages that scammed hundreds of innocent people out of their own money.
In this video I will be explaining exactly how this hack happened, how Twitter messed up, and what you can learn from Twitter's mistakes.
? Concepts Covered:
- What social engineering is
- How to avoid social engineering
- What happened with the Twitter hack
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#SocialEngineering #WDS #TwitterHack
...
https://www.youtube.com/watch?v=gYHKmdcI-w4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
STOP
stop-creating-custom-checkboxes-do-this
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#Shorts
...
https://www.youtube.com/watch?v=BZgoXeKKR88
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
HOW T
how-to-use-web-audio-api-to-play-the
? IMPORTANT:
Try Out BugHerd: https://bugherd.com?utm_source=referral&utm_medium=youtube&utm_campaign=web_dev_simplified
In this video I will use the web audio API to build an audio interface for my guitar. This can also be used with a microphone or any other audio source you desire. It is a super fun project and fairly simple overall which means it is the perfect beginner project.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Guitar-Amp
Emmet Tutorial: https://youtu.be/V8vizNQKtx0
Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU
? Concepts Covered:
- How to use AudioContext
- How to modify EQ
- How to connect an audio source
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:29 - HTML
04:57 - CSS
07:27 - Connecting Audio
12:26 - Setup Visualizer
23:18 - Connecting Sliders
31:21 - Outro
#BrowserAudio #WDS #JavaScript
...
https://www.youtube.com/watch?v=eEeUFB1iIDo
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
VIDEO
NEW R
new-react-useeffectevent-hook-crash
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
The newest React hook, useEffectEvent, is a really unique and interesting hook that make working with useEffect much easier. This is because it allows you to use variables, state, and props in your useEffect without having to declare them as dependencies for your useEffect.
? Materials/References:
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:25 - Setup
01:12 - Why Use useEffectEvent
04:02 - useEffectEvent Explained
06:36 - Common Mistakes
#useEffectEvent #WDS #ReactJS
...
https://www.youtube.com/watch?v=NZJUEzn10FI
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
WHAT
what-is-tanstack-router-and-why-i-love
I love type safety, but have always been disappointed in the type safety of modern routers. That is until now. Tanstack Router is incredible at giving you a fully type safe router which makes coding so much nicer and easier. In this video I talk about what Tanstack Router is and how you can get started with it.
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:30 - Overview
03:00 - Simple Example
05:39 - More Complex Example
#TanstackRouter #WDS #ReactJS
...
https://www.youtube.com/watch?v=OwoZtv6u9p4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English