Web Development – Telegram
Web Development
134K subscribers
662 photos
64 videos
557 files
135 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
⌨️ HTML Lists Knick Knacks

Here is a list of fun things you can do with lists in HTML 😁
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8525🔥12🥰6😁2
This media is not supported in your browser
VIEW IN TELEGRAM
⌨️ When you have applied border radius for two nested items, it may be tempting to apply the same value, but it is not the most visually pleasing one!

👉 Instead use this formula to compute the :

outer radius = inner radius + padding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53😎1710🔥4
🔅 HTML, CSS, and Generative AI: Speed Up Your Process

🌐 Author: Joe Casabona
🔰 Level: Intermediate

Duration: 2h 13m

🌀 Learn how AI tools can help your coding, and how they can be leveraged for prototyping, layout creation, testing, and more.


📗 Topics: Generative AI, Front-End Development

📤 Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3611🔥6
HTML, CSS, and Generative AI: Speed Up Your Process.zip
333.3 MB
📱Webdev Training
📱HTML, CSS, and Generative AI: Speed Up Your Process
Please open Telegram to view this post
VIEW IN TELEGRAM
👍479🔥2
🖥 Git: Merging vs Rebasing

In git, when there are some changes in a parent branch from which you forked, there are two strategies to incorporate them into your working branch:

Merging:

As the name suggests, 'merges' the parent branch into your branch. The advantage is that handling conflicts (if any) is easier, since you only need to resolve them for the merge commit once. However, this may make the git history a bit harder to follow

Rebasing:

Takes all the commits you made in your branch, and applies them on top of the head of the parent branch. As if repositioning the base of the branch.

This helps to create a linear and easy to follow git history, but conflict resolution may be tedious and you need to force push the branch to the origin.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍107
⌨️ CSS: Text with image background

Here is how you can fill a piece of text with a background image which is still accessible! And here is how it works:

👉 Create a background image which fits a rectangular image for the box containing the text

👉 Clip the background to be visible only where there is text, using the background clip properly

👉 Finally set a transparent foreground color for the text itself such that the background is visible
Please open Telegram to view this post
VIEW IN TELEGRAM
👍327👏7🔥2
🔵 CSS Grids explained
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍166🔥1
🔅Web Development
👍5513🔥12😱3👏1
An Alternative Proposal for CSS Masonry

Chrome team has weighed in, stating that “implementing it as part of the CSS Grid specification [..] would be a mistake”, and they think it should be its own separate layout method defined using display: masonry or something similar.


🔗 Link to the article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍178🥰3😁1
⌨️⌨️ Should you use icon fonts for icons in 2024?
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣110😁35👍24🤪1816