EN
creator cover Анна Блок

Анна Блок

Практика создания сайтов и новинки CSS
Анна Блок
524
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
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
фронтенд
верстка
веб разработка
создание сайта
Jun 10 18:55
Полезный Subgrid (ч.2)
Объяснение преимущества Subgrid на примере формы обратной связи
Level required:
Мидл с прокачкой
html
css
frontend
верстка
фронтенд
веб
веб разработка
Apr 29 18:27
Пишем простое приложение на Vue за 30 минут
Видео-практика опубликована на Youtube, а тут вы можете скачать готовые файлы (код, изображения и пр.).
Level required:
Джун с макетами
html
css
vue
javascript
vite
api
frontend
фронтенд
Apr 20 16:10
Практика с псевдоклассами :is(), :where() и :has()
Внутри поста я опубликовала практику для закрепления темы использования псевдоклассов :is(), where(), :has(). Проведи время с пользой!
Level required:
Мидл с прокачкой
html
css
frontend
фронтенд
веб разработка
создание сайтов

Subscription levels

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

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

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

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

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

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

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

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

Мега VIP

$ 49 per month
⬆️ Преимущества предыдущего уровня и...
⠀
✅ Проверка вашего кода в работах с подробным разбором от меня 
✅ Общение с Анной Блок напрямую (например, для оценки резюме, консультация по собеседованию и т.д.)
⠀
Тариф для тех, кто готов наслаждаться всеми плюшками 😎
+ chat
Go up
© 2024 CEBC B.V. All rights reserved. All trademarks are the property of their respective owners.
Our blogTerms of servicePrivacy policyBrandSupport