Web Development
131K subscribers
566 photos
58 videos
541 files
110 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
πŸ”° File Paths in HTML

A file path tells the browser where to find a file (like an image, CSS file, or JavaScript script) relative to the current HTML document.


It’s like giving someone directions: are you pointing them to another room in the same house, or telling them to visit another building?
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘30❀10πŸ”₯8
πŸ”° Creating simple blob shapes in css using border radius!

Create a square element with the required dimensions, and throw in some randomness with the border-radius property to achieve a cool blob shape.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯31πŸ‘16❀7
πŸ”… HTML Form Input Types

The <input> HTML element is used to create interactive controls for web-based forms to accept data from the user. A wide variety of input data types and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
πŸ”₯32πŸ‘26❀19
πŸ”° 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
πŸ”₯45❀20πŸ‘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
πŸ‘21❀9
πŸ”… 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
πŸ‘28❀9
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
πŸ‘23πŸ”₯6❀2
Ex_Files_HTML_and_CSS_Creating_Nav_Bars.zip
34.1 KB
πŸ“¦ Exercise Files
πŸ‘13πŸ”₯13❀6
πŸ”° CSS: How to Truncate text

Old but useful.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘62❀17
πŸ”… 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
πŸ‘31❀11
HTML for Programmers.zip
161.5 MB
πŸ“±Webdev Training
πŸ“±HTML for Programmers
Please open Telegram to view this post
VIEW IN TELEGRAM
1❀20πŸ‘11
πŸ”… 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
πŸ‘17❀10πŸ”₯1
ChatGPT for Web Developers.zip
317.9 MB
πŸ“±Webdev Training
πŸ“±ChatGPT for Web Developers
Please open Telegram to view this post
VIEW IN TELEGRAM
3πŸ”₯18πŸ‘13❀9
Ex_Files_ChatGPT_for_Developers.zip
2.2 MB
πŸ“¦ Exercise Files
❀9πŸ”₯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!
πŸ‘28❀25
πŸ”° 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
πŸ‘29❀16