EN
creator cover Анна Блок

Анна Блок

Практика создания сайтов и новинки CSS
Анна Блок
543
subscribers

About the creator

Привет, меня зовут Анна Блок и я веду канал по веб-разработке. На моём Youtube и Дзен есть плейлисты с практикой, которые можно использовать для самообучения:
— Создание сайтов на практике
— Практика на Vue.js 3
— Практика на Wordpress
Макеты для практики доступны всем, кто оформил тариф «Джун с макетами» и выше. Найти макет можно через навигацию — нажми сюда.
В этом разделе раз в неделю будут появляться материалы с разбором новинок CSS в формате видео и постов. Материалы доступны всем, кто оформил тариф «Мидл с прокачкой» или выше.
— Знакомство с новыми свойствами CSS: offset-path и offset-distance
— Делаем анимацию текста по любой траектории
— Псевдокласс для работы с пустотой на сайте
— Полезный Subgrid (ч.1)
— Полезный Subgrid (ч.2)
— Полезный Subgrid (ч.3)
— Как сделать вложенность в CSS по БЭМ?
— Все возможности псевдокласса :is()
— Псевдокласс :where()
— Практика с псевдоклассами :is(), :where() и :has()
— В чем польза @container в отличии от @media?
— Практика с функцией clamp()
— Зачем нужен +1rem в формуле clamp(1.5rem, 2vw + 1rem, 2.25rem)?
— Практика с правилом @supports
Кроме перечисленного выше, иногда выходят статьи на темы, которые не относятся к другим категориям. Они доступны тарифу «Мидл с прокачкой», либо их можно приобрести отдельно вне тарифа.
Список статей:
— Как подключится к ChatGPT 4 из России?
— Слайдер на чистом CSS (исходный код + SCSS для удобства)
— Шаблоны договоров фрилансерам для работы с клиентами
— Авторская методичка про адаптивность (30 страниц)
— Авторская методичка про CSS Grid
Добро пожаловать в наш уютный Telegram чат, который доступен всем, кто оформил тариф «Джун с макетами» и выше.
Занимайся со мной и добивайся результатов! 💪
FeedMedia
Sep 17 13:26
Как не ошибиться с оценкой стоимости проекта?
Разберем, как правильно оценить стоимость потенциально объемного проекта, а не просто одностраничника
Level required:
Мидл с прокачкой
фриланс
удаленка
Jul 31 17:55
Сайт для онлайн-курса | Верстка сайта с нуля для начинающих на HTML и CSS
Разбор легкого макета для новичков с использованием только HTML и CSS.
Level required:
Джун с макетами
2
Jul 28 13:01
Jul 22 10:47
Jul 19 17:16

Используй @supports в CSS, чтобы не париться с браузерами

Уверена, вы сталкивались с такой ситуацией: сверстали сайт по макету, всё выглядит прекрасно и замечательно, но открывая его в другом браузере вдруг выясняется, что не всё так хорошо. Давайте я познакомлю вас с правилом @supports, потому что он может помочь решить эту проблему легко!
Show more
Jul 19 10:49
Практика с правилом @supports
Покажу, как делать сайты с корректным отображением в любом браузере и закрепим полученный материал.
Level required:
Мидл с прокачкой
css
Jul 13 12:54
Зачем нужен +1rem в формуле clamp(1.5rem, 2vw + 1rem, 2.25rem)?
Объясняю на пальцах, как это использовать, для чего и в чем их суть на конкретном примере.
Level required:
Мидл с прокачкой
веб
веб разработка
верстка
верстальщик
html
css
Jul 12 22:22
Практика с функцией clamp()
Не только расскажу о том, как работает функция clamp(), но и разобраем небольшой пример и выполним практику.
Level required:
Мидл с прокачкой
верстка
css
созда
веб разработка
5
Jun 15 11:56
В чем польза @container в отличии от @media?
Объясняю на примере, для чего используется CSS Container и какие преимущества от медиа-запросов в этом есть.
Level required:
Мидл с прокачкой
html
css
верстка
верстальщик
фронтенд
frontend
веб
веб разработка
Jun 11 22:00
Полезный Subgrid (ч.3)
Рассмотрим, как работает Subgrid на примере карточек, выстроенных через CSS Grid
Level required:
Мидл с прокачкой
html
css
frontend
фронтенд
верстка
веб разработка
создание сайта

Subscription levels

Поддержка канала

$ 1,04 per month
Просто поддержка за контент! ❤️

Джун с макетами

$ 2,6 per month
✅ Доступ к макетам из плейлиста с практикой на YouTube
✅ Закрытый чат в Telegram
+ chat

Мидл с прокачкой

$ 4,7 per month
✅ Доступ к макетам из плейлиста с практикой на YouTube
✅ Закрытый чат в Telegram
✅ Каждую неделю видео или пост с разбором новинки CSS
✅ В подарок авторская методичка про CSS Grid и адаптивность
+ chat

Сеньор со всеми преимуществами

$ 15,5 per month
✅ Доступ к макетам из плейлиста с практикой на YouTube
✅ Закрытый чат в Telegram
✅ Каждую неделю видео с теорией и практикой о новинке CSS
✅ Дополнительно раз в неделю пост с разбором новинки CSS для наглядности
✅ В подарок авторская методичка про CSS Grid и адаптивность
✅ Запишу для вас эксклюзивное видео. Тему выбираете по своему желанию.
✅ Возможность предложить тему для видео 
✅ Возможность выбрать макет для следующих видео с практкой
+ chat

Мега VIP

$ 42 per month
⬆️ Преимущества предыдущего уровня и...
⠀
✅ Проверка вашего кода в работах с подробным разбором от меня 
✅ Общение с Анной Блок напрямую (например, для оценки резюме, консультация по собеседованию и т.д.)
⠀
Тариф для тех, кто готов наслаждаться всеми плюшками 😎
+ chat
Go up