- 84
- 8 018 746
Codex Community
Australia
Приєднався 31 січ 2022
Codex is a channel dedicated to the future of design and development for websites. Including the use of AI, tools like ChatGPT and MidJourney, with the use of code and no-code platforms as they are becoming relevant for future jobs and knowledge. Backed by Editor X and together with people such as Adrian Twarog has been creating youtube videos since 2020!
Basics of Web Design - Crash Course
Website Design Basics Course to introduce you to Color Theory, Typography, etc. Thanks to Milanote for sponsoring this video: milanote.com/codexcommunity
In this video I'll cover Color Theory, Color Temp, Saturation, Selecting Colors, Color Psychology, etc and the course will continue into Typography, Typefaces, Serif and San Serif, Capitalization, Line Height, etc. This will cover Chapter 1. The next part will be Typography in Chapter 2, however you will need to follow the link in View Course to continue. If you enjoy this course, consider doing the full thing: Teach Me Design!
00:00 - Basics of Web Design - Crash Course
01:19 - Milanote - Website Design Course
02:17 - Let's Begin & Join Community
02:50 - Forward and Introduction
03:25 - Chapter 1 - Color Theory
05:57 - Chapter 1 - Color Temperature
06:36 - Chapter 1 - Color Saturation
07:31 - Chapter 1 - Workshop 1 - Color Saturation
08:49 - Chapter 1 - Picking Colors
10:06 - Chapter 1 - Workshop 2 - Picking Colors
12:22 - Web Design Course Conclusion & Links
12:45 - Milanote - Thanks for Hosting Course Content
I'll be slowly adding more and more content to this course, and I hope people find it valuable. While I would of enjoyed making a huge video on it on youtube, I thought creating a proper workshop and course like style so you can do it in your own time in modules might be more useful! Chapter 2 can be found in the link below:
👉 Sign Up Page and view course!
www.mergewebdev.com/courses
🟢 Merge Community:
www.mergewebdev.com/
📘 Want more, check out the Extended version of the course below:
Teach Me Design: www.enhanceui.com/
#website #webdesign #course
Check out my courses and Community
📚 OpenAI GPT: enhanceui.gumroad.com/
Software & Discounts!
🟣 Try Wix Studio: adrian-twarog.hopp.to/wix-studio
📦 Admin Templates and UI Kits: bit.ly/themeselection15
🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
⛌ Wix Studio: wix.com/studio/?^social&experiment_id=^yt
In this video I'll cover Color Theory, Color Temp, Saturation, Selecting Colors, Color Psychology, etc and the course will continue into Typography, Typefaces, Serif and San Serif, Capitalization, Line Height, etc. This will cover Chapter 1. The next part will be Typography in Chapter 2, however you will need to follow the link in View Course to continue. If you enjoy this course, consider doing the full thing: Teach Me Design!
00:00 - Basics of Web Design - Crash Course
01:19 - Milanote - Website Design Course
02:17 - Let's Begin & Join Community
02:50 - Forward and Introduction
03:25 - Chapter 1 - Color Theory
05:57 - Chapter 1 - Color Temperature
06:36 - Chapter 1 - Color Saturation
07:31 - Chapter 1 - Workshop 1 - Color Saturation
08:49 - Chapter 1 - Picking Colors
10:06 - Chapter 1 - Workshop 2 - Picking Colors
12:22 - Web Design Course Conclusion & Links
12:45 - Milanote - Thanks for Hosting Course Content
I'll be slowly adding more and more content to this course, and I hope people find it valuable. While I would of enjoyed making a huge video on it on youtube, I thought creating a proper workshop and course like style so you can do it in your own time in modules might be more useful! Chapter 2 can be found in the link below:
👉 Sign Up Page and view course!
www.mergewebdev.com/courses
🟢 Merge Community:
www.mergewebdev.com/
📘 Want more, check out the Extended version of the course below:
Teach Me Design: www.enhanceui.com/
#website #webdesign #course
Check out my courses and Community
📚 OpenAI GPT: enhanceui.gumroad.com/
Software & Discounts!
🟣 Try Wix Studio: adrian-twarog.hopp.to/wix-studio
📦 Admin Templates and UI Kits: bit.ly/themeselection15
🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
⛌ Wix Studio: wix.com/studio/?^social&experiment_id=^yt
Переглядів: 1 787
Відео
GPT4o and it's new ChatGPT Omni Desktop App for Web Design
Переглядів 23 тис.Місяць тому
I'm going to try the new ChatGPT model GPT4o Omni for Web Design using both the new desktop app for MacOS and the models that allow you to capture your screens and windows in it! GPT 4 O is probably the best version so far! Official ChatGPT link: chat.openai.com/ #gpt4o #chatgpt4o #webdesign Join my Community! 🟣 Discord: adrian-twarog.hopp.to/wix-studio Check out my courses! 📘 Teach Me Design: ...
Web Design Roadmap - Learn about Design Systems with UX & UI
Переглядів 4 тис.Місяць тому
Let's explore this Web Design Roadmap for doing Design Systems! Website Design System Roadmap: roadmap.sh/design-system A few years ago I did a full stack roadmap for development, so this time I thought I would cover one on design. There were some really cool roadmaps for UX and others for programming such as backend roadmaps and frontend roadmaps! Roadmap SH website! roadmap.sh/ This Design Sy...
Finally a way to make SVG Vector Icons & Logos with AI for Web Design!
Переглядів 25 тис.2 місяці тому
This is how to make SVG Vectors Icons & Logos with AI for Website Design! I'm using Recraft: www.recraft.ai/? It's pretty important to know a way to create Vector SVG asset for Web Design with AI Art, so I while I had a few previous videos on midjourney and basic ways to create JPG and PNG versions, having a proper SVG version is essential! But on top of that you can also remove backgrounds fro...
7 Silent UI Hacks That Web Designers Use To Make Better Websites
Переглядів 12 тис.2 місяці тому
Web design has a number of hidden trips and tricks that help you build better looking websites. In this video I explore some of the unsaid ways that designer use to build better looking sites. These are things I've learned over the years, some might be general knowledge others not mentioned much, but they are small ways I make my UI / user interfaces just look a bit better. 1. Inspiration Board...
Best Web Design Resources 2024 Worth Bookmarking
Переглядів 132 тис.3 місяці тому
These are the best design resource websites every person should bookmark. There is a heap of great graphics design ones here, including things for UI, UX, wireframes, mockups, and much more. 00:00 - Best Web Design Resources 00:08 - Wireframe - Relume AI 00:21 - Colors - Design Gradients 00:32 - Colors - Color Hunt 00:46 - Animation - Jitters 01:08 - Animation - LottieFiles 01:29 - Fonts - Font...
Reacting to 20 Beautiful Landing Page Web Designs in 2024
Переглядів 82 тис.4 місяці тому
Here are 20 inspiring web designs to take a look at if you're needing some inspiration in 2024. These website designs all have cool features, like 3D, transitions, animations, micro-animations, etc. 00:00 - Landing Page Web Designs 00:08 - 1. www.kikin.io/ 01:33 - 2. www.orum.com/ 03:02 - 3. www.relume.io/ 04:33 - 4. www.kaizenlabs.co/ 05:22 - 5. www.together.art/gorgeous?ref=onepagelove 06:48 ...
3D Website Design - Add Real Life 3D Objects Easily!
Переглядів 7 тис.4 місяці тому
3D website design is much easier now using Gaussian splatting. Gaussian Splatting is a rasterization technique for real-time 3D reconstruction and rendering of images taken from multiple points of view. Adding it to web design is made easier using tools like Spline Design and Wix Studio. This could make an ecommerce website look so much better if real products could showcase demo examples! 00:0...
MidJourney 6 for Web Design in 2024 - Tutorial
Переглядів 10 тис.5 місяців тому
2024 MidJourney 6 has a lot of changes compared to previous versions. In this video I'll cover how MidJourney 6 in terms of Web Design. This includes the features that have been released, how AI art works different for website design and user ui and ux interfaces no longer are the same compared to other versions of mid journey 00:00 - MidJourney 6 - What's New 00:32 - MidJourney 6 - Prompting 0...
Top 2024 Web Design Trends
Переглядів 485 тис.6 місяців тому
Web Design Trends 2024 these are the ones to keep an eye on if you are a website designer or developer. The user interface and experiences they provide are really amazing for ui and ux. 00:00 - Top 2024 Web Design Trends 00:03 - Trend 1 - Hand Drawn Animated Sketches 00:59 - Trend 2 - 3D Web Design 02:12 - Trend 3 - AI Art with MidJourney and Dalle 3 03:46 - Trend 4 - Bento UI - Bento Grids 04:...
The FASTEST Wireframing Method - Relume AI
Переглядів 38 тис.6 місяців тому
Relume AI Site Builder lets you create a marketing website for any company in minutes. I tried it to see what all the hype was about. You can sign up for a free trial to test Grammarly Business: grammarly.com/codex12 Relume Wireframes look pretty cool. But is it actually possible to create sitemaps in seconds, and wireframes in minutes for a website design. Can user interfaces and good user exp...
Bento UI in 3 mins - Web Design Trend Worth Learning!
Переглядів 43 тис.7 місяців тому
Here is one website design trend worth learning: Bento Grid or Bento UI is a design trend that means you create user interfaces with bento grids. Where did this UI design trend come from, well the bento grid UI has some background from Japan and bento boxes. Want to see cool examples of bento grids then check out: bentogrids.com/ #web #design #ui Check out my courses! 📘 Teach Me Design: www.enh...
I tried Web Design in VR - Meta Quest 3
Переглядів 95 тис.8 місяців тому
The new Meta Quest 3 was released, and I decided to try web design using it. The Virtua reality headset for website design was actually something I was not expecting to enjoy as much as I did! User interfaces will never be designed the same again. I can see how augmented reality will be as important as No Code in the future. Facebook has the new Oculus Quest 3 VR headset, and the user experienc...
Wix Studio Crash Course - Beginner Friendly No Code Tutorial
Переглядів 24 тис.8 місяців тому
This crash course on Wix Studio will cover all the beginner aspects to learn to use the editor to build a website from the ground up. I'll cover the interface, elements, and how the editor works to start building a web site and editing the no code platform. Check it out here: www.wix.com/studio 00:00 - Wix Studio Introduction 00:18 - New Account and New Site 00:44 - Top Menu 01:39 - Left Menu -...
I tried using the iPad for Web Design
Переглядів 51 тис.9 місяців тому
I tried using the iPad for Web Design
Turning Web Design Hero Images into Videos using RunwayML AI
Переглядів 20 тис.10 місяців тому
Turning Web Design Hero Images into Videos using RunwayML AI
How to create 3D Website Designs With No Code
Переглядів 481 тис.10 місяців тому
How to create 3D Website Designs With No Code
First Impressions with New No-Code Platform - Wix Studio
Переглядів 10 тис.10 місяців тому
First Impressions with New No-Code Platform - Wix Studio
10 Web Design Tricks using Midjourney
Переглядів 66 тис.11 місяців тому
10 Web Design Tricks using Midjourney
New MidJourney 5.2 brings features and easier Web Design Art
Переглядів 34 тис.Рік тому
New MidJourney 5.2 brings features and easier Web Design Art
How generative AI in Photoshop makes web design much easier!
Переглядів 10 тис.Рік тому
How generative AI in Photoshop makes web design much easier!
How MidJourney 5.1 brings new changes to Web Designs AI Art
Переглядів 56 тис.Рік тому
How MidJourney 5.1 brings new changes to Web Designs AI Art
7 Insanely Difficult Web Design Trends 2023
Переглядів 7 тис.Рік тому
7 Insanely Difficult Web Design Trends 2023
How Microsoft Designer combines Ai with Ui design
Переглядів 8 тис.Рік тому
How Microsoft Designer combines Ai with Ui design
Will Adobe Firefly change how Web Design is done?!
Переглядів 15 тис.Рік тому
Will Adobe Firefly change how Web Design is done?!
AI Art can produce Amazing Tile Background Patterns
Переглядів 7 тис.Рік тому
AI Art can produce Amazing Tile Background Patterns
New AI Art Web Design with MidJourney 5 (v4 versus v5)
Переглядів 14 тис.Рік тому
New AI Art Web Design with MidJourney 5 (v4 versus v5)
AI Art Icons - Generate AI Icons for your Website Design with MidJourney
Переглядів 40 тис.Рік тому
AI Art Icons - Generate AI Icons for your Website Design with MidJourney
Can AI Art Create Beautiful Typography and Fonts
Переглядів 95 тис.Рік тому
Can AI Art Create Beautiful Typography and Fonts
spline is a waste of time. its so awfully optimized, even the most basic 3d assets make the browser lag and stutter for some browsers and some laptops - which does not make it ideal for a lot of websites.
I couldn't find your teach me design - enhance ui book for free, plz someone give me its google drive free link if someone has it.
Can the web design we created works for sell the item like web apps development?
I wish they would put more work into their front end templates. They just look weird....
Waited for this feature forever!!
sloppy and low quality content, remove this garbage.
Przykłady genialne. Szkoda że mobile/rwd zabija takie perełki.
This is too cool
Thank you sir, How I can contact you please!
Is it the same on WordPress?
Thanks for sharing! Awesome!
Thanks!!!
Because of your video I started using it yesterday and I've already used it to vectorize a new client's raster-only logo (ouch) and upscale a few midjourney website mockups. I can't believe how easy it is to use. I'm currently in the process of getting my new web development freelance business off the ground and I'm trying to establish an efficient workflow using these new tools to expedite my projects. Doing so will allow me to do more projects in less time, which obviously translates to more income. Thank you for your wonderful channel and everything it has taught me so far.
can anyone tell me the name of the speed suggestion plugin?
Thanks man you cleared my confusion i pad cant replace desktop.
Dear Sir, Recarft AI Provide us svg file, please help us, how can we ready properly thousands of SVG files and convert it eps with one click by create in illustrator an action...please sir create a tutorial video and help us
"Best PAID Web Design Resources 2024"
This was fantastic. Thank you!
I cannot get past the spelling...it is so unprofessional and I can't show this to anyone because it makes you look ridiculous...which would make me look that way.
Great - I will send it to my designers :)
Why are we here in this life? Why do we die? What will happen to us after death?
Absolutely love this course, Codex Community! 🎉 Your approach to teaching web design basics is spot on. The breakdown of color theory, color temperature, and saturation was incredibly insightful. Your editing and style make learning so engaging and enjoyable. 🙌 I appreciate how you structured the course into manageable modules - it really helps in understanding the concepts at my own pace. Can't wait to dive into Chapter 2 and learn more about typography! Keep up the fantastic work! #WebDesign #ColorTheory #Typography
are that all for free?
Great video
Why are we here in this life? Why do we die? What will happen to us after death?
good to see you back!
Thanks Vlad!
Thanks to Milanote for sponsoring this video and helping make it possible! You can sign up for free and start your next creative project: milanote.com/codexcommunity
AI will replace web designers.
Full video please
Cool tools will not do great results if you don't know design.
Hello. I am having an issue with an elementor website. The thing is that when i move my elements outside the page to the left or right, it is stretching the site horizontally, making the horizontal slider to show up. How can i move objects outside the border without stretching the site ?
Judgement rider waits
I finally found the tool I need! thanks
hi im a fan of your content for 2 years , can you guide me to how can i learn design a web page like number 3?
❤
It's nowhere near good enough at the moment.
I would love to see you make this video again using today's ai
Thank you so much, please could you do me a favor by purchasing the starter $38 for mr🙏🙏🙏
better to make all of that canvas ready before starting the video. The whole attention just goes to your writing mistakes and you doing the adjustments, and couldn't listen a bit.
How can I get that app version of midjourney?
is there a substitute for Relume?
Great Resource Mate :)
can add the 3d elements in the carrds
artefact
Subbed, you’re awesome
Please tell me information about your camera. Tks
Awesome Video, thank you for sharing the huge library for designers. Appreciate!
Thank you! Color Hunt is the best! I liked the selection of font pairs of free fonts on kalifont.
Can I do coding in iPad
Yep, you can find a ton of apps for coding. I use Textastic.
Explicitly mind blowing fr!!!
How does one achieve the gradients and glows ? What tool?