http://bit.ly/3YrrfpI 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to show you some awesome AI generated layouts (Using "Midjourney"), and also how to use AI as a tool for inspiration when creating UI/UX. 

0:00 - Intro
0:25 - AI Layout Examples
1:30 - Tutorial
2:47 - Final Result

Let's get started!

#ai #uiux 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!

AI Inspired Web Design is INSANE! - Fast Tutorial

2022 was a crazy year. Let’s take a look at 10 tech trends and how they will affect software engineers going into the year 2023. 

#tech #programming #top10 

🔗 Resources

Take the state of JS survey https://stateofjs.com/en-us/
2022 Trends from Last year https://youtu.be/LOpFYMPXqE4
Design trends from @DesignCourse https://youtu.be/4BEEoYYDmUg

💬 Chat with Me on Discord

https://discord.gg/fireship

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Tech Job Market in 2023
- Will crypto recover in 2023?
- Trends in technology for developers
- Web design trends
- Best JS frameworks
- Trends in AI and machine learning
- Will ChatGPT replace programmers?

Things are gonna get weird in 2023

What will the future of AI programming look like with tools like ChatGPT and GitHub Copilot? Let's take a look at how machine learning could change the daily lives of developers in the near future.

#ai #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

ChatGPT Demo https://openai.com/blog/chatgpt
Codex CLI https://github.com/microsoft/Codex-CLI
Tech Trends to Watch in 2023 https://youtu.be/1v_TEnpqHXE

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How will ChatGPT affect programmers?
- Is AI going to replace software engineers?
- The future of AI programming tools?
- Universal AI programming language
- Using AI from the command line

What will AI Programming look like in 5 Years?

why are splines? well my god I have good news for you, here's why splines!

if you like my work, please consider supporting me 💖
https://www.patreon.com/acegikmo

This project grew much larger in scope than I had originally intended, and burnout made it impossible for me to do more with it. It was already getting incredibly unwieldy, so I apologize in advance for not covering non-uniform splines, and the general jankiness of some parts. There are also quite a lot of places where I just talk about something without *showing* it, but since I couldn't animate it all, I opted to keep that information in rather than remove it altogether

• Lots of love to
💛 Jazz "queenjazz" Mickle for music & sounds ❱ https://queenjazz.bandcamp.com/
🐈 our children, Thor, Salad & Toast, for helping me out during recording

• How was this video made?
🔨 I made it in Unity, the game engine
⭕ Using Shapes, my vector graphics plugin ❱ https://u3d.as/1W37
📈 Using Mathfs, my math library ❱ https://github.com/FreyaHolmer/Mathfs
...along with a bunch of hacky, partially broken, procedural animation tools I made specifically for this video
💡 Striped studio skybox by ProAssets: https://assetstore.unity.com/packages/2d/textures-materials/sky/studio-lighting-hdri-pack-55154
🎥 Final editing in DaVinci Resolve

• Links
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

Timestamps:

00:00:00 Intro
00:01:17 Examples of Paths

00:02:16 CHAPTER 1 - Bézier Curves
00:02:20 Lerp
00:03:16 Quadratic Bézier
00:03:54 Cubic Bézier
00:07:41 n-Degree Bézier

00:09:37 CHAPTER 2 - Bézier Splines
00:10:00 Cubic Bézier Spline
00:10:21 Spline Parameterization
00:11:01 The Anatomy of a Spline
00:11:32 Knot Values & Knot Intervals
00:12:21 Local Control
00:14:03 The flexibility of the Cubic Bézier
00:14:28 Tangent Points

00:15:07 CHAPTER 3 - Continuity
00:15:28 C⁰ (Positional Continuity)
00:16:12 Spline Derivatives
00:17:32 C¹ (Velocity Continuity)
00:20:25 C² (Acceleration Continuity)
00:21:48 Cascading Loss of Local Control
00:23:46 C³ (Jolt Continuity)
00:24:49 C∞ Continuity
00:25:19 Parametric Continuity Summary

00:26:20 CHAPTER 4 - Geometric Continuity
00:26:50 G¹ (Tangent Continuity)
00:27:46 G² (Curvature Continuity)
00:28:05 The Reflection Test
00:28:56 Seams in Circular Arcs
00:29:43 Angle Analysis
00:30:47 Curvature & The Osculating Circle
00:32:26 Curvature Combs
00:32:48 G¹ (Algebraically)
00:33:27 G² (Algebraically)
00:34:52 Geometric Continuity Summary
00:36:30 Continuity Summarized
00:38:06 Cusps

00:39:25 CHAPTER 5: The Extended Universe
00:39:40 Hermite Spline
00:43:35 Hermite ⇔ Bézier Conversion
00:44:09 Linear Spline
00:45:17 Cardinal Spline
00:48:20 Catmull-Rom Spline
00:49:33 Investigating Basis Functions
00:51:02 Basis Function Continuity Analysis
00:51:31 In Search of a C² Spline
00:53:15 B-Spline
00:56:35 Quiz Time!
00:57:12 Cubic Trajectory
00:57:37 Uniform Cubic Splines
00:59:09 Splines & Their Use Cases
01:01:37 Outro
01:02:16 NURBS
01:02:56 Color Spline
01:03:52 Credits & Freya Rambles
01:13:26 Cats helping me w. recording

The Continuity of Splines

Displaying numbers is trickier than I expected! In this video we explore how to visualize the data inside of our simulated 4-bit registers, with the help of the double dabble algorithm and some seven segment displays.

The latest version of the simulation software is now available here: https://sebastian.itch.io/digital-logic-sim
And the source code is here: https://github.com/SebLague/Digital-Logic-Sim

Correction for a mistake in my boolean algebra explanation: https://www.youtube.com/watch?v=A-vLRThfJ4Q

Series playlist:
https://youtube.com/playlist?list=PLFt_AvWsXl0dPhqVsKt1Ni_46ARyiCGSq

If you'd like to support my work (and get early access to new videos and projects), consider becoming a patron of the channel over here:
https://www.patreon.com/SebastianLague

Resources and Inspiration:
https://en.wikipedia.org/wiki/Double_dabble
https://electronics.stackexchange.com/questions/499884/3-digit-of-7-segment-on-logisim/499916#499916
https://pdf1.alldatasheet.com/datasheet-pdf/view/5697/MOTOROLA/SN54/74LS248.html

Music:
https://github.com/SebLague/Misc-Project-Info/blob/main/Digital-Logic-Sim/7Seg%20Music%20Credits.txt

Chapters
0:00 Intro
0:49 Two’s Complement Refresher
1:34 Seven-Segment Display + Truth Table
2:58 Boolean Algebra Basics
5:43 Simplifying the Equation
6:48 Converting Algebra to Logic Gates
8:33 Computer-Assisted Design
11:25 Testing the Digit Display Design
12:36 A Real-World Version (the 74LS248)
14:20 Visualizing the Data in a 4-bit Register
15:14 All Ten Digits
17:22 Binary Coded Decimal
19:49 The Double Dabble Algorithm
22:58 Dabbling with Logic Gates
24:05 Implementing Double Dabble
26:39 Displaying an 8-bit Number
27:18 Ripple Blanking
29:32 Displaying Negative Numbers
32:34 Testing the Final Design
33:50 Outro

Visualizing Data with 7-Segment Displays

My chat app became overwhelmed with profanity and spam, but all this could have been avoided with better security practices. Let's take a look at essential app security libraries and techniques. 

#programming #hacking #tech 

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Original Chat App Pocketbase Project https://youtu.be/gUYBFDPZ5qk
- 7 Web Security Risks https://youtu.be/4YOpILi9Oxs
- Cryptography Concepts https://youtu.be/NuyzuNBFWxQ
- Cloudflare Turnstile https://www.cloudflare.com/products/turnstile/

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How to prevent profanity in app
- How to deal with spam bots
- How to prevent website hacking
- Web app security best practices 
- Cloudflare Turnstile vs reCaptcha
- Preventing DDoS attacks

Why my chat app broke… a cautionary tale

Arduino is a programmable circuit board that makes it possible for the average developer to build custom hardware products. Learn about Arduino's architecture, microcontroller, programming language, and IDE in 100 seconds. 

#programming #arduino #100SecondsOfCode

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Arduino Docs https://docs.arduino.cc/
- Raspberry Pi in 100 Seconds https://youtu.be/eZ74x6dVYes

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is an Arduino? 
- CPU vs Microcontroller
- Raspberry Pi vs Arduino
- How do electrical circuits work?
- What is a microcontroller?
- How to get started with Arduino? 
- What programming language does Arduino use?

Arduino in 100 Seconds

SvelteKit just hit version 1.0 and provides an awesome set of tools for building fullstack web applications. Let's take a first look at its features and compare it to other frameworks like Next.js and Nuxt. 

#webdevelopment #javascript #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- SvelteKit announcement https://svelte.dev/blog/announcing-sveltekit-1.0
- SvelteKit Docs https://kit.svelte.dev/
- Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4
- Subscribe to Beyond Fireship for the Full Tutorial https://www.youtube.com/channel/UC2Xd-TjJByJyK2w1zNwY0zQ

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- SvelteKit vs Next.js
- SvelteKit vs Nuxt
- Svelte vs React
- Build SSR apps with Svelte

Best videos of December, 2022