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
🔅 Tailwind CSS 4 Essential Training

🌐 Author: Shruti Balasa
🔰 Level: Intermediate

Duration: 3h 2m

🌀 Develop foundational skills in Tailwind CSS 4 to create beautiful, responsive webpages quickly and efficiently.


📗 Topics: Tailwind CSS, Cascading Style Sheets

📤 Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2713
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2618🔥7
🔰 🔰 Dynamic Background with CSS Painting API!!

The CSS Painting API allows you to create flexible, programmatic backgrounds that can dynamically adapt to element size and properties without using external images or heavy CSS animations.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2311🔥1
🔰 Flexbox vs. Grid in CSS

Best Use Cases:

Flexbox - Perfect for navigation bars, aligning items within a section, or lists of items.


Grid - Great for complex, structured layouts like image galleries, web page templates, or dashboards.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3825🔥3👎2
🔰 File Paths in HTML

A file path tells the browser where to find a file (like an image, CSS file, or JavaScript noscript) 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
👍3012🔥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👍178
🔅 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👍2619
🔰 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