Web Development
134K subscribers
710 photos
74 videos
571 files
155 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js

πŸ’³ Paid ads: https://telega.io/c/Webdev_Trainings
Download Telegram
⌨️ A visualization of different Flexbox alignment and justification modes ✨

One confusing part might be the difference between align-items vs align-content. The difference is visible only when flex wrap is enabled, and there are multiple flex rows.

πŸ‘‰ Align-items aligns the children in a particular row among themselves

πŸ‘‰ Align-content aligns the entire row itself relative to the Flexbox
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀32πŸ‘12πŸ”₯2
⌨️ CSS: Print Friendly CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
❀33πŸ‘11
πŸ”° CSS Relative Colors

An interactive guide to learn CSS Relative Colors.

πŸ”— https://ishadeed.com/article/css-relative-colors
Please open Telegram to view this post
VIEW IN TELEGRAM
❀25πŸ‘2
πŸ”… User Experience for Web Design

πŸ“ Get tips on building a website that makes every visitor feel like your content was designed just for them.

🌐 Author: Chris Nodder
πŸ”° Level: Beginner
⏰ Duration: 2h 3m

πŸ“‹ Topics: Web Design, User Experience

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀28πŸ”₯1
User Experience for Web Design.zip
588.9 MB
πŸ“±Web Development
πŸ“±User Experience for Web Design
Please open Telegram to view this post
VIEW IN TELEGRAM
❀9πŸ‘8πŸ”₯3
🌐 Top Websites to practice coding skills
Please open Telegram to view this post
VIEW IN TELEGRAM
❀61πŸ‘11πŸ”₯9
πŸ’» Free tools for web developers
Please open Telegram to view this post
VIEW IN TELEGRAM
❀59πŸ‘8
πŸ”° Color-scheme in CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
❀32
πŸ”… CSS Toolkit: Tips and Techniques for Layout and Styling

πŸ“ Explore advanced CSS techniques for creating flexible, responsive, and visually engaging web designs with practical tips on layout, typography, custom properties, and more.

🌐 Author: Carrie Dils
πŸ”° Level: Intermediate
⏰ Duration: 1h 58m

πŸ“‹ Topics: Cascading Style Sheets, Web Design

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀35πŸ‘4
CSS Toolkit: Tips and Techniques for Layout and Styling.zip
301.4 MB
πŸ“±Web Development
πŸ“±CSS Toolkit: Tips and Techniques for Layout and Styling
Please open Telegram to view this post
VIEW IN TELEGRAM
❀10πŸ”₯4
πŸ”° CSS: Styling Scrollbar.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀29πŸ‘20
⌨️ Input Types In HTML
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1❀21πŸ‘11πŸ”₯1
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ”° Container queries in CSS

If you have not tried out container queries yet, would highly recommend that you do 🀩

This is a relatively new CSS feature, which is similar to media queries. While media queries are based on the dimension of the entire page, container queries are specific to individual elements in a page.

πŸ‘‰ Here we define a "container" and conditionally style elements inside the container based on the dimensions of the container

πŸ‘‰ Some other examples include, when you want to style an individual card based on its size
Please open Telegram to view this post
VIEW IN TELEGRAM
❀27πŸ‘4πŸ”₯2
πŸ”… Using AI Tools for UX Design

πŸ“ In this course, design expert Eric Nordquist explores the use of generative AI tools to both inform and streamline a UX design project.

🌐 Author: Eric Nordquist
πŸ”° Level: Beginner + Intermediate
⏰ Duration: 1h 57m

πŸ“‹ Topics: Artificial Intelligence for Design, User Experience Design

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀27πŸ‘2
Using AI Tools for UX Design.zip
277.8 MB
πŸ“±Web Development
πŸ“±Using AI Tools for UX Design
Please open Telegram to view this post
VIEW IN TELEGRAM
❀8
πŸ”΅ 30 Ways To Improve Website Performance With CSS

According to the httparchive.org page weight report, CSS accounts for 7 HTTP requests and 70Kb of code on the average web page totalling 70 requests and 2MB. It’s not the worst cause of woeful website performance

The following 30 tips will help you optimize CSS to improve actual and perceived response times.

🌐 https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/
Please open Telegram to view this post
VIEW IN TELEGRAM
❀16πŸ‘4
πŸ”° Online CSS tools

Building beautiful websites doesn’t have to be a grind... these online CSS tools are like secret weapons for any developer.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀36πŸ”₯8πŸ‘3
πŸ”… Extending Figma Design with Adobe Creative Cloud

πŸ“ Learn how to supplement and extend your Figma design work with Photoshop, Illustrator, Dimension, and Premiere Pro as part of Adobe Creative Cloud.

🌐 Author: Joseph Labrecque
πŸ”° Level: Advanced
⏰ Duration: 1h 43m

πŸ“‹ Topics: User Experience Design, User Interface Design

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀22πŸ‘1
Extending Figma Design with Adobe Creative Cloud.zip
234.6 MB
πŸ“±Web Development
πŸ“±Extending Figma Design with Adobe Creative Cloud
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4