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 :
👉 Instead use this formula to compute the :
outer radius = inner radius + padding
🔅 HTML, CSS, and Generative AI: Speed Up Your Process
🌐 Author: Joe Casabona
🔰 Level: Intermediate
⏰ Duration: 2h 13m
🌀
📗 Topics: Generative AI, Front-End Development
📤 Join Webdev Training for more courses
🌐 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
HTML, CSS, and Generative AI: Speed Up Your Process.zip
333.3 MB
📱Webdev Training
📱HTML, CSS, and Generative AI: Speed Up Your Process
📱HTML, CSS, and Generative AI: Speed Up Your Process
⌨️ HTML Lists Knick Knacks
Here is a list of fun things you can do with lists in HTML 😁
Here is a list of fun things you can do with lists in HTML 😁
🖥 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.
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.
⌨️ 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
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
🔸 Full description 🔸
While the ways in which we work on the web evolve over time, every now and then, a true game changer comes along. The Tailwind CSS utility-first approach throws out many of the traditional CSS approaches to building projects, allowing you to create a complete and unique website without writing a single line of CSS. In this course, LinkedIn senior staff instructor Ray Villalobos shows how Tailwind CSS offers a lightweight but sophisticated approach to styling content in your sites and apps through labeling with appropriate class names. Ray illustrates how you can manage everything from fonts, colors, borders, and the whole layout of your pages by adding Tailwind and specifying its use on the HTML elements in your pages, all without having to touch a style document. Plus, he introduces you to just-in-time (JIT) mode and its advantages, variants, and improvements.
While the ways in which we work on the web evolve over time, every now and then, a true game changer comes along. The Tailwind CSS utility-first approach throws out many of the traditional CSS approaches to building projects, allowing you to create a complete and unique website without writing a single line of CSS. In this course, LinkedIn senior staff instructor Ray Villalobos shows how Tailwind CSS offers a lightweight but sophisticated approach to styling content in your sites and apps through labeling with appropriate class names. Ray illustrates how you can manage everything from fonts, colors, borders, and the whole layout of your pages by adding Tailwind and specifying its use on the HTML elements in your pages, all without having to touch a style document. Plus, he introduces you to just-in-time (JIT) mode and its advantages, variants, and improvements.
🔅 Tailwind CSS Essential Training
🔊 Author: Ray Villalobos
🔸 Date: 2021-02-12
⏰ Duration: 3h 32m
🌀
📗 Topics: Tailwind CSS
🔷 Join @webdevtrainings for more courses
🔊 Author: Ray Villalobos
🔸 Date: 2021-02-12
⏰ Duration: 3h 32m
🌀
Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.📗 Topics: Tailwind CSS
🔷 Join @webdevtrainings for more courses
🔅 Tailwind CSS Essential Training
🔊 Author: Ray Villalobos
🔸 Date: 2021-02-12
⏰ Duration: 3h 32m
🌀
📗 Topics: Tailwind CSS
🔷 Join @webdev_trainings for more courses
🔊 Author: Ray Villalobos
🔸 Date: 2021-02-12
⏰ Duration: 3h 32m
🌀
Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.📗 Topics: Tailwind CSS
🔷 Join @webdev_trainings for more courses
🔅 What Is Web3?
🔊 Author: Morten Rand-Hendriksen
🔸 Date: 2022-06-03
⏰ Duration: 1h 12m
🌀
📗 Topics: Blockchain
🔷 Join @webdev_trainings for more courses
🔊 Author: Morten Rand-Hendriksen
🔸 Date: 2022-06-03
⏰ Duration: 1h 12m
🌀
Get an introduction to Web3 and its core set of technologies.📗 Topics: Blockchain
🔷 Join @webdev_trainings for more courses