dr.Brain

doctor Brain

мир глазами веб-разработчика

frontend

Параллакс на чистом CSS

эффект параллакса при прокручивании страницы на чистом CSS

dr.Brain

время чтения 2 мин.

Photo by Lukasz Szmigiel on Unsplash

CSS дает нам гораздо больше возможностей, чем кажется. Для того, чтобы получить различные визуальные эффекты, вместо объемных JavaScript-библиотек во многих случаях без каких-либо проблем можно использовать CSS. Отличной иллюстрацией такого утверждения является реализация parallax-эффекта при прокручивании страницы на чистом CSS.

Гамбургер-меню

создаем оригинальную иконку для гамбургер-меню на CSS и JS

dr.Brain

время чтения 2 мин.

Photo by Sander Dalhuisen on Unsplash

Сегодня мы создадим анимированную иконку для гамбургер-меню на чистом CSS и JavaScript без использования сторонних шаблонов и библиотек.

Удаляем CSS

как быстро удалить все стили веб-страницы

dr.Brain

время чтения 1 мин.

Photo by Nikolay Zakharov on Unsplash

Иногда нужно посмотреть, как выглядит страница без каких-либо стилей.

HTML: зачеркивание

семантически верное зачеркивание с помощью HTML5

dr.Brain

время чтения 3 мин.

Photo by John Torcasio on Unsplash

CSS великолепно подходит для управления дизайном элементов сайта, но, к сожалению, непригоден для того, чтобы передавать их смысловое значение. К счастью, для этой цели есть другой инструмент - HTML-теги. Когда Вы зачеркиваете какой-то контент, нужно понимать причину - для чего Вы это делаете. Зачеркнутый текст приобретает семантическое значение, благодаря тегам <del> и <s>.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.