Верстка \ CSS 3

CSS следующего поколения: @container

От автора: Chrome экспериментирует со свойством @container в рамках спецификации уровня ограничения 3 рабочей группы CSS, над которой работают Мириам Сюзанн из Oddbird и группа инженеров по веб-платформе. @container дает нам возможность стилизовать элементы в зависимости от размера их родительского контейнера.

Продолжить чтение

Верстка \ CSS 3

Расширенная анимация CSS с использованием cubic-bezier()

От автора: имея дело со сложной анимацией CSS, есть тенденция создавать экспансивные @keyframes с большим количеством объявлений. Однако есть пара приемов, о которых я хочу поговорить, они могут помочь упростить задачу, оставаясь при этом ванильным CSS.

Продолжить чтение

Верстка \ CSS 3

Введение в контейнерные запросы CSS

От автора: прототип долгожданных контейнерных запросов CSS добавлен в Chrome Canary и доступен для экспериментов. Давайте рассмотрим, какую проблему они решают, узнаем, как работают, и посмотрим, как они дополняют существующие функции CSS.

Продолжить чтение

Верстка \ HTML&CSS

Анимация иконок Font Awesome и другие возможности

От автора: одним из наиболее популярных иконочных шрифтов является набор иконок Font Awesome. Данный набор использовал, пожалуй, практически каждый веб-разработчик. Однако, многие используют лишь малую часть возможностей набора иконок Font Awesome.

Продолжить чтение

Верстка \ HTML&CSS

Используйте Reseter.css вместо Normalize и Reset.css, чтобы  улучшить кроссбраузерность

От автора: на данный момент я думаю, что существующие Reset.css и Normalize.css имеют меньше функций и лишены многих вещей. Я представляю вам новый CSS-нормализатор, созданный как футуристическая альтернатива normalize.css и reset.css.

Продолжить чтение

Верстка \ CSS 3

Скажите привет контейнерным запросам CSS

От автора: сегодня я более взволнован новой функциональностью CSS, чем когда либо за последние шесть лет, которые я провел в качестве фронтенд-разработчика. Прототип контейнерных запросов теперь доступен в Chrome Canary.

Продолжить чтение

Верстка \ CSS 3

Начало работы с пользовательскими свойствами CSS

От автора: пользовательские свойства в CSS исключительно полезны не только для разметки CSS, но и для абстрагирования сложности и интерактивности на более мелкие, более простые в управлении части. Это краткое руководство поможет вам быстрее понять, как они работают и как их использовать.

Продолжить чтение

Верстка \ CSS 3

Руководство по новым современным селекторам псевдоклассов CSS

От автора: проект редактора рабочей группы CSS для селекторов уровня 4 включает несколько селекторов псевдо-классов, которые уже включены в большинство современных браузеров. В этом руководстве будут рассмотрены те из них, которые в настоящее время лучше всего поддерживаются, а также приведены примеры, демонстрирующие, как вы можете начать их использовать!

Продолжить чтение

Верстка \ HTML5

Валидация форм с использованием HTML5 и Regex

От автора: к валидации входных данных следует отнестись серьезно. На сайт, который использует данные из форм без надлежащей проверки, не будет отправлено ничего, кроме мусора. Также есть вероятность, что хакеры смогут скомпрометировать личные данные пользователей, которые доверили вам свою информацию.

Продолжить чтение