NEW BOT Телеграм, страница

🔅 CSS: Selectors

🌐

Author: Jen Kramer

🔰

Level: Intermediate

⏰

Duration: 2h 19m

🌀 Learn how to leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors.

📗

Topics: Cascading Style Sheets

📤

Join Web Development for more courses

Please open Telegram to view this post

VIEW IN TELEGRAM

❤10👍1

16.5K views16:52

Web Development

📂

Full denoscription

Project

Answer questions about CSS selectors at the end of each chapter.

Discover how to effectively leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors. In this course, instructor Jen Kramer demonstrates how to pinpoint specific parts (and groups of parts) in an HTML document using the powerful declarative syntax of CSS selectors.

Please open Telegram to view this post

VIEW IN TELEGRAM

❤10

18.7K views16:52

Web Development

CSS: Selectors.zip

328.3 MB

📱

Web Development
📱CSS: Selectors

Please open Telegram to view this post

VIEW IN TELEGRAM

❤8👍3

19.6K views16:52

Web Development

🔰 Scrolling doesn’t need JavaScript anymore.

With CSS scroll-driven animations, you can build parallax effects that stay in sync, feel smooth, and perform better. Less code, more control.

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

❤27👍4

17.7K views15:00

Web Development

0:12

This media is not supported in your browser

VIEW IN TELEGRAM

Sometimes it happens so you don't have enough space to display a full piece of text. In some scenarios, if the UX allows, we could truncate the text using ellipsis, and here is the snippet for how to do it easily in CSS!

⚠️ Do note that, for this to work, a defined width is required for the text element. (Saved you some hassle in debugging 😁)

❤21👍5🔥2

16K views17:01

Web Development

🔰 CSS text-box-trim

Useful for consistent vertical spacing in UI components, like buttons, headers, and form elements, where extra text padding causes misalignment.

❤28

17.5K views11:04

Web Development

🔅

CSS: Variables and Fluid Layouts

📝

Learn how to leverage recent advances in CSS to more efficiently build sites with a single design that adapts readily to different screens and environments.

🌐

Author: Jen Kramer

🔰

Level: Advanced

⏰

Duration: 2h 2m

📋

Topics: Cascading Style Sheets

🔗

Join Web Development for more courses

Please open Telegram to view this post

VIEW IN TELEGRAM

❤17

20.3K views15:00

Web Development

CSS: Variables and Fluid Layouts.zip

301 MB

📱

Web Development
📱CSS: Variables and Fluid Layouts

Please open Telegram to view this post

VIEW IN TELEGRAM

❤11

19K views15:00

Web Development

Ex_Files_Responsive_Layout_2.zip

13.5 MB

📦

Exercise Files

Please open Telegram to view this post

VIEW IN TELEGRAM

❤7

17.8K views15:00

Web Development

⌨️

A visualization of different Flexbox alignment and justification modes ✨

One confusing part might be the difference between align-items vs align-content. The difference is visible only when flex wrap is enabled, and there are multiple flex rows.

👉 Align-items aligns the children in a particular row among themselves

👉 Align-content aligns the entire row itself relative to the Flexbox

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

❤27👍12🔥2

19.6K views11:03

Web Development

⌨️

CSS: Print Friendly CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

❤27👍10