Web Development – Telegram
Web Development
134K subscribers
653 photos
63 videos
554 files
131 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
🔰 Accent color in CSS

This CSS property allows you to customize the highlight color of form controls while preserving their native styling, accessibility, and interactivity.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4520👍18
💻 Top Pens of 2024 on CodePen

Plenty of superb inspiration, demos, and neat tricks on show here. Whether that’s a neat parallax effect, a retro VHS look achieved with CSS, a rad web component that adds particles to your pointer, or this 3D image carousel. Lots of cool stuff to dig into.


🔗 Link to the top
Please open Telegram to view this post
VIEW IN TELEGRAM
👍219
🔅 HTML and CSS: Creating Navigation Bars

🌐 Author: Jen Kramer
🔰 Level: Intermediate

Duration: 2h 16m

🌀 Discover how to build and style responsive, accessible navbars using HTML and CSS techniques that work in any web context.


📗 Topics: Cascading Style Sheets, HTML, User Interface Design

📤 Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2812
HTML and CSS - Creating Navigation Bars.zip
324 MB
📱Webdev Training
📱HTML and CSS: Creating Navigation Bars
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥73
Ex_Files_HTML_and_CSS_Creating_Nav_Bars.zip
34.1 KB
📦 Exercise Files
👍13🔥136
🔰 CSS: How to Truncate text

Old but useful.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6317
🔅 HTML for Programmers

🌐 Author: Emma Bostian
🔰 Level: Intermediate

Duration: 1h 8m

🌀 Get an overview of important HTML elements like form elements, text elements, tables, and media content, to enhance your skills as a web developer.


📗 Topics: Web Development, HTML

📤 Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3114
Please open Telegram to view this post
VIEW IN TELEGRAM
123👍12
🔅 ChatGPT for Web Developers

🌐 Author: Sandy Ludosky
🔰 Level: Intermediate

Duration: 2h 29m

🌀 Level up as a professional web developer by learning how to build and optimize web applications using ChatGPT.


📗 Topics: Web Development, ChatGPT

📤 Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1911🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥19👍159
Ex_Files_ChatGPT_for_Developers.zip
2.2 MB
📦 Exercise Files
10🔥9👍8
This is something that got supported by all browsers very recently!

Usually, you would use the align-content property with a flex or a grid container.

🥱 So to make some content vertically centered, you had to make the parent a flex or grid first

🤩 But no longer, the align-content attribute now works with block display items too (which is the default display type) enabling us to center items vertically in a single line!
👍2825
🔰 ComboBox Functionality with HTML

Integrating the element in your HTML forms enhances user experience by combining the simplicity of a dropdown with the flexibility of free text input, offering a powerful solution for modern combobox functionality.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3017
Some minor tricks for adding that pixie dust to your website!
👍3318🔥9
Have you ever struggled to set 100% width on an item while also setting some margin for it I'm CSS? Once you know this trick you no longer have to!


👉 The "width" we set on CSS element is applied till the border of the element (content, padding and border)

But what if we want the element to have some margin as well but still fit inside the patent?

You may try to use some 🧠 math like calc(100% - 40px), but with the "stretch" keyword for the width property, CSS automatically does this for you.

🔥 This helps to easily fit an element inside it's parent even when it has some margin!
34👍29🔥4