Сайты как страсть
1.62K subscribers
201 photos
17 links
Отборные материалы для веб-разработчиков дважды в неделю.
Сотрудничество: @maxdenaro
Download Telegram
Overflow CSS

Ахмад Шадид рассказывает о возможностях overflow

#cтатья
Почему у !important в CSS восклицательный знак в начале?

SelenIT рассказывает, почему у директивы !important восклицательный знак в начале

#cтатья
Викторина: какой селектор "весомее", class, id или тег?

Ответ: https://telegra.ph/Viktorina-kakoj-selektor-vesomee-class-id-ili-teg-03-11

#викторина
Проблемы с вьюпорт-единицами

Кевин Пауэлл рассказывает о проблемах, с которыми можно столкнуться при использовании вьюпорт единиц vw и vh

#видео
Как использовать серверную дату на сайте?

Рассказываю, как получить и использовать серверную дату, чтобы дата на сайте не менялась от даты на ПК пользователя

#cтатья
Макет fashion-блога

Сложность: #легкая
Язык: #eng

#макет
Генератор градиентов

Сервис, который генерирует градиенты. Полезно, если делаете собственный сайт

#утилиты
Назначение HTML-тегов в верстке №1. Базовые теги

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео
JustValidate - плагин для валидации форм

Туториал по работе с плагином: https://youtu.be/EPXabErmGrQ

#js_плагины
Создание ссылки для скачивания

Никита Дубко перевел статью, в которой рассказывается о правильном создании ссылки для скачивания контента

#cтатья
CSS Grid для сетки, Flexbox для компонентов

Интересный подход к использованию обеих технологий от Ахмада Шадида

#cтатья
AOS.js - плагин для создания анимации по скроллу

Туториал по работе с плагином: https://youtu.be/vrEHi8kp8M4

#js_плагины
Веб-разработка в 2023 - практический гайд

Traversy Media рассказывает о вебе в 2023

#видео
Всплывающая подсказка по всем правилам a11y

Ребята из Доки рассказывают, как создать правильный тултип

#видео
Понятный z-index

Ахмад Шадид рассказывает о том, как понять z-index на примерах

#cтатья
Макет сайта бренда Aperture

Сложность: #легкая
Язык: #eng

#макет
Гайд по клавиатурной доступности: HTML и CSS

Кристиан Диаз рассказывает про клавиатурную доступность с точки зрения html и css

#cтатья
Генератор треугольников

Сервис для генерации треугольников на CSS

#утилиты
10 вещей, которые можно делать в верстке с помощью псевдоэлементов before и after

Моя статья про псевдоэлементы и их возможности

#cтатья
Удивительный и неизвестный inline-block

SelenIT рассказывает про inline-block и его особенности

#cтатья
Назначение HTML-тегов в верстке №2. Теги форматирования

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео