Web Development
135K subscribers
665 photos
64 videos
557 files
136 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
πŸ‘85❀25πŸ”₯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😎17❀10πŸ”₯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
πŸ‘36❀12πŸ”₯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
πŸ‘47❀9πŸ”₯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
πŸ‘10❀7
⌨️ 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
πŸ‘32❀7πŸ‘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
πŸ‘16❀6πŸ”₯1
πŸ”…Web Development
πŸ‘55❀13πŸ”₯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
πŸ‘17❀8πŸ₯°3😁1
⌨️⌨️ Should you use icon fonts for icons in 2024?
Please open Telegram to view this post
VIEW IN TELEGRAM
🀣110😁35πŸ‘24πŸ€ͺ18❀16
βŒ¨οΈπŸ– Bootstrap 5 From Scratch | Build 5 Modern Websites

🌟 4.7 - 767 votes πŸ’° Original Price: $74.99

πŸ“– Learn to customize and build modern websites from scratch using Bootstrap 5


πŸ”Š Taught By: Brad Traversy

πŸ“€ Download Full Course πŸ“€ Download All Courses
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘36❀27πŸ†6πŸ”₯3