You Don’t Know CSS: Свойство content
Привет, пикабу! Решил написать серию небольших постов про Frontend в которых постараюсь рассказать о свойствах CSS, которые мало кто знает или не знает всех возможностей.
Итак, сегодня рассмотрим такое свойство как content. Уверен многие frontend-разработчики используют его каждый день для псевдоэлементов. Ну как-то так:
Мало кто знает, что это свойство может принимать не только текст, но и attr(), counter(), url() и градиенты. А еще это свойство можно использовать и для обычных элементов. То есть мы можем поместить картинку внутрь псевдоэлемента или даже превратить <div /> в <img /> всего одной строчкой в CSS:
К сожалению градиенты не поддерживаются в Safari, поэтому не советую их использовать. А вот url() поддерживается всеми браузерами (даже IE8 !!!).
Еще можно указывать в content сразу несколько значений, но это работает только для псевдоэлементов:
На этом пока всё. Если зайдет, то буду писать еще. И не только про CSS.
Фронтенд.Классная штука
Знаю много из веб-программирование .Не хватает знаний по приложениям.Остальное можно гуглить.Не хватает времени .Многое хочется попробовать из языков .Впечатления от фронтед очень положительное .Практика и еще раз практика .
Сами бы научились...
Выскочила реклама на довольно известной онлайн школы, с "мозговым" логотипом.
Предлагают помимо всего, курсы фронт-энд разработчиков, и вот я думаю, какие они знания дают на выходе, если у них на сайте такие грубые косяки...
PADDING | MARGIN | BORDER | BOX-SIZING [Урок 7] - Отступы в CSS
В этом уроке разберем абсолютно все нюансы по работает с отступами в #CSS и #HTML.
Изучим: работу CSS свойств: padding, margin, border и box-sizing и полностью разберем все нюансы работы с шириной элементов и взаимодействию отступов с ними.
Домашнее задание к этому уроку ищи здесь - https://t.me/VS_FRONTEND/803
Ответ на пост «Метод catch»
Promise – это специальный объект, который содержит своё состояние. Вначале pending («ожидание»), затем – одно из: fulfilled («выполнено успешно») или rejected («выполнено с ошибкой»).
На promise можно навешивать колбэки двух типов:
onFulfilled – срабатывают, когда promise в состоянии «выполнен успешно».
onRejected – срабатывают, когда promise в состоянии «выполнен с ошибкой».
Способ использования, в общих чертах, такой:
Код, которому надо сделать что-то асинхронно, создаёт объект promise и возвращает его.
Внешний код, получив promise, навешивает на него обработчики.
По завершении процесса асинхронный код переводит promise в состояние fulfilled (с результатом) или rejected (с ошибкой). При этом автоматически вызываются соответствующие обработчики во внешнем коде.
Спасибо за внимание.
Метод catch
Метод catch() используют для обработки ошибки при выполнении асинхронной операции.
Метод принимает один аргумент:
💡 onReject — функция-колбэк, которая будет вызвана при переходе промиса в состояние «ошибка» rejected. Функция имеет один параметр, в который передаётся информация об ошибке.
Возвращает промис.