clip-path
в CSS и как оно работает?clip-path
— это свойство CSS, которое позволяет создавать фигуры, обрезающие элемент по заданному контуру. Оно используется для создания креативных масок и нестандартных форм элементов.<div class="clipped">Пример с clip-path</div>
<style>
.clipped {
width: 200px;
height: 100px;
background: lightblue;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); /* Треугольная форма */
text-align: center;
line-height: 100px;
}
</style>
clip-path
обрезает элемент .clipped
по треугольному контуру. Свойство поддерживает различные функции, такие как circle
, ellipse
, и polygon
, позволяя создавать уникальные дизайнерские элементы.CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Я знаю, сколько времени может уйти на поиск нужной информации в Telegram, поэтому регулярно делюсь полезными ссылками.
Сегодня подготовил для вас целую подборку каналов в
сфере «ИТ/ Разработка» 🔥
Тут вы точно найдете ответы на многие свои вопросы. А главное - вам не придется, тратить на поиски информации несколько часов 👇
Поэтому переходите, подписывайтесь и пользуйтесь на здоровье
Сегодня подготовил для вас целую подборку каналов в
сфере «ИТ/ Разработка» 🔥
Тут вы точно найдете ответы на многие свои вопросы. А главное - вам не придется, тратить на поиски информации несколько часов 👇
Поэтому переходите, подписывайтесь и пользуйтесь на здоровье
Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
This media is not supported in your browser
VIEW IN TELEGRAM
Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal
React: современные шаблоны для разработки приложений
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react
Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям.
Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.
Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore👩💻
Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.
Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore
Please open Telegram to view this post
VIEW IN TELEGRAM
Set
в JavaScript и как он работает?Set
— это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов. const set = new Set([1, 2, 2, 3, 4]);
set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)
Set
хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных. CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!
Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.
Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!
Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS
Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.
Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!
Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS
Привет! Увлекаешься IT?
Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.
Залезть в берлогу
Реклама. Магомедов Р.М. ИНН 057105866786.
Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.
Залезть в берлогу
Реклама. Магомедов Р.М. ИНН 057105866786.
:has()
— это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют "псевдоклассом родителя".<div class="card">
<p>Текст</p>
<button>Нажми меня</button>
</div>
<div class="card">
<p>Только текст</p>
</div>
<style>
.card:has(button) {
border: 2px solid blue; /* Стили для карточек с кнопкой */
}
</style>
:has(button)
выбирает .card
, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM