Канал: Записки верстальщика

Слайдер до/после

Слайдер до/после

Семантика и стилизация таблиц на сайте

Семантика и стилизация таблиц на сайте

Слои таблиц

Слои таблиц

Псевдоэлементы, как и где можно использовать

Псевдоэлементы, как и где можно использовать

Декоративная линия

Декоративная линия

Получение CSS из Figma

Получение CSS из Figma

Перенос текста на сайте: примеры и решения

Перенос текста на сайте: примеры и решения

SCSS, с чего начать

SCSS, с чего начать

Слайдер "до/после"

Слайдер "до/после"

NTH-CHILD – селекторы

NTH-CHILD – селекторы

Разговорный про культуру

Разговорный про культуру

Разговорный (наследие)

Разговорный (наследие)

Со студентами про PUG | препроцессор для HTML

Со студентами про PUG | препроцессор для HTML

Разговорный

Разговорный

Разговорный

Разговорный

Разговорный

Разговорный

Ленивая загрузка iframe

Ленивая загрузка iframe

Про кастомные свойства в CSS. (я с гостями)

Про кастомные свойства в CSS. (я с гостями)

:has() — родительский селектор

:has() — родительский селектор

Не простая ссылка

Не простая ссылка

Shape outside — не стандартные фигуры

Shape outside — не стандартные фигуры

Эммет и сниппеты

Эммет и сниппеты

Со студентами про отступы

Со студентами про отступы

внезапный стрим (Треугольник Пенроуза)

внезапный стрим (Треугольник Пенроуза)

Бордер градиентом

Бордер градиентом

Общение со студентами 18.12.2013

Общение со студентами 18.12.2013

Кнопка со всеми мелочами

Кнопка со всеми мелочами

Progress и meter - кастомизация

Progress и meter - кастомизация

Отвечаю на вопросы

Отвечаю на вопросы

Отвечаю на вопросы (Ответ на вопрос подписчика)

Отвечаю на вопросы (Ответ на вопрос подписчика)

Отвечаю на вопросы

Отвечаю на вопросы

Всплывающее меню или drop-down_menu

Всплывающее меню или drop-down_menu

Кастомные чекбоксы и радиокнопки

Кастомные чекбоксы и радиокнопки

Фон для сайта (background)

Фон для сайта (background)

CSS counter

CSS counter

Деполой проекта на хостинг

Деполой проекта на хостинг

Сижу туплю

Сижу туплю

Сижу туплю

Сижу туплю

Простой тултип

Простой тултип

image-set - ритина и новые форматы графики

image-set - ритина и новые форматы графики

picture, source и его атрибуты

picture, source и его атрибуты

Алиса взбесилась

Алиса взбесилась

Селекторы атрибутов

Селекторы атрибутов

Тэг img и его атрибуты

Тэг img и его атрибуты

Модальное окно (html5, css3, js)

Модальное окно (html5, css3, js)

Анимация появления блока

Анимация появления блока

Гриды или флексы?

Гриды или флексы?

Тихий ужас

Тихий ужас

Дочерний селектор

Дочерний селектор

Соседний селектор

Соседний селектор

Недоделанная кнопка

Недоделанная кнопка

Братский селектор

Братский селектор

Анимированные стрелки

Анимированные стрелки

Прогресс бар на минималках

Прогресс бар на минималках

Анимированный эффект наведения

Анимированный эффект наведения

Показать/Скрыть пароль

Показать/Скрыть пароль

Доступный перенос текста на сайте

Доступный перенос текста на сайте

position sticky

position sticky

Как прописать путь до файлов

Как прописать путь до файлов

Сколько картинок скачал браузер?

Сколько картинок скачал браузер?

Плавный скролл на чистом CSS.

Плавный скролл на чистом CSS.

Beautify&VSC

Beautify&VSC

Простейший слайдер на чистом js.

Простейший слайдер на чистом js.

Доступный слайдер, слайдер без JS

Доступный слайдер, слайдер без JS

Ускоряем загрузку страницы и первого экрана

Ускоряем загрузку страницы и первого экрана

Ленивая загрузка изображений

Ленивая загрузка изображений

Лента на css

Лента на css

Жгучий перчик. НЕ ПОВТОРЯТЬ!!!

Жгучий перчик. НЕ ПОВТОРЯТЬ!!!

Эффект для текста

Эффект для текста

Grid для начинающих

Grid для начинающих

Flex для начинающих

Flex для начинающих

Добавление яндекс карт на сайт

Добавление яндекс карт на сайт

Плагин чипсов, часть 2

Плагин чипсов, часть 2

Плагин чипсов, часть 1

Плагин чипсов, часть 1

Необычная верстка: верстка визитки

Необычная верстка: верстка визитки

Градиентный текст

Градиентный текст

Одна кнопка - три ошибки верстальщика

Одна кнопка - три ошибки верстальщика

Автоматический фон для заголовков

Автоматический фон для заголовков

Адаптивный текст - это просто!

Адаптивный текст - это просто!

Чистим CSS

Чистим CSS

Одна кнопка - три ошибки верстальщика

Одна кнопка - три ошибки верстальщика

Анимированное лого

Анимированное лого

Адаптация сайта для арабского языка

Адаптация сайта для арабского языка

Верстка по картинке

Верстка по картинке

Графика на сайте

Графика на сайте

Давайте писать для людей!!!

Давайте писать для людей!!!

как сделать скрин

как сделать скрин

Про анимацию CSS3

Про анимацию CSS3

Карта с разворотом на чистом CSS

Карта с разворотом на чистом CSS

анимация для 404 not found

анимация для 404 not found

Правильный бургер или нагорело...

Правильный бургер или нагорело...

Плавный скролл с помощью метода scrollIntoView()

Плавный скролл с помощью метода scrollIntoView()

Пример использования библиотеки snap.svg.js

Пример использования библиотеки snap.svg.js

Анимированный кот на svg

Анимированный кот на svg

Кнопка переключения меню: три способа создания

Кнопка переключения меню: три способа создания