Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

5 современных трендов CSS, о которых уже просто нельзя не знать в 2024 году 🔥 О некоторых я уже рассказывала, о некоторых - еще нет, но уверена, что один из них вас точно удивит. К сожалению, визуальные постеры не отражают всю суть крутости этих новинок, поэтому совсем скоро на Boosty буду раз в неделю (но в начале даже чаще) публиковать материал о новинках с практикой. Да, на ютубе также буду продолжать публиковать видео о новинках, но там только теория, а практика и весь чат с движухой на эту тему будет только на Boosty. Заранее оформить подписку можно уже сейчас, чтобы быть одним из первых, кто будет круто прокачен в CSS, в отличии от других: ⭐️ Оформить подписку на Boosty ⭐️ Оформить подписку в VK Поделитесь в комментариях, о каких трендах вы не знали?

684 прочтения · 1 год назад

✅ Верстаем сайт с нуля 🖥 Делаем вместе сайт веб-студии Эта практика нацелена умение: 1) Построить стратегию верстки, где визуально кажется, что блоки накладываются друг на друга 2) Подключить Swiper, чтобы сделать слайдер для отзывов Используем на практике HTML и CSS, а макет опубликован в Figma Смотреть видео ➡️ Макет и код можно получить через донат (на выбор): 1) Оформить подписку ВК 2) Оформить подписку Boosty

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

972 прочтения · 1 год назад

Популярные CMS на фрилансе в 2023 году

Никому не хочется учить технологии, на которых невозможно заработать, поэтому в этой статье я хотела бы рассказать, на какие CMS стоит обратить внимание в 2023 году, чтобы расширить свои возможности по заработку, если Вы выбрали путь веб-разработки. Что такое CMS? CMS - это программное обеспечение, которое позволяет создавать, управлять и публиковать контент на веб-сайте. Существует множество CMS, но некоторые из них чаще всего используются на фрилансе. Рассмотрим некоторые из них. WordPress WordPress - самая популярная CMS в мире, и она используется на многих веб-сайтах...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

4,5K прочтений · 1 год назад

Вчера вместе с выходом ролика я анонсировала старт продаж на курс по Wordpress, где будет раскрыто больше тонкостей, так как вёрстка на практике будет еще объемнее. ✅ Старт обучения: 22 мая 2023 🔥 Но купив курс до 14 апреля (включительно) Вы сможете получить: — Низкую стоимость за обучение на старте продаж (после стоимость начнем планомерно повышаться) — 3 сверстанных сайта в подарок для практики с Wordpress, которые пойдут в ваше портфолио ⚡ Расписание, цены и прочая информация есть на сайте FrontendBlok 💙 А еще я решила, что лучшему ученику с курса Wordpress передам заказ на создание блога FrontendBlok. Лучшего с индивидуального тарифа. Можно считать, что сразу после курса у Вас будет коммерческий проект. Это лучшее, что может произойти с новичком в IT сфере! 🥳

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

9,5K прочтений · 1 год назад

Разбор резюме Frontend, QA и DevOps специалистов 👇 Вчера в прямом сегодня разобрали 15 резюме. Эфир получился на 2 часа, но в видео проставлены таймкоды специально, чтобы вы могли легко переходить в нужный раздел: www.youtube.com/...b6k

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

1,7K прочтений · 1 год назад

Новые единицы измерения в CSS: cqw и cqh

Новые единицы измерения cqw и cqh задают длину относительно размеров контейнера. На самом деле есть еще cqi, cqb, cqmin и cqmax, но в этом посте разберём работу первых двух. cq в начале - это сокращение от английского "query container". Третья буква после (w и h) сообщают нам, относительно чего будут происходить изменения. cqw — это 1% от ширины контейнера cqh — 1% от высоты контейнера Визуальные примеры Чтобы потестировать новые единицы измерения, я сделала простую разметку: Теперь можно для <p> добавить фон, чтобы он растянулся на всю ширину, так как <p> — это блочный элемент...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

397 прочтений · 1 год назад

Что посмотреть айтишнику, близкое к его теме? Часть I

Ранее я записывала видео на эту тему, но какие-то фильмы просто проходят мимо меня и я узнаю о них случайно или просто выходит что-то новое с момента записи ролика. Периодически буду публиковать статьи про отдельно взятые фильмы. Первый в очереди фильм «Пушки Акимбо». Опишу впечатления без спойлеров. Почему откладывала просмотр до последнего? Начну с того, что все современные работы Дэниэла Рэдклиффа вызывали у меня скептицизм. Почти во всём, что мне доводилось смотреть, вызывало ощущение, что он тут не к месту...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

6,3K прочтений · 1 год назад

Страшная правда о фрилансе

Всем привет, меня зовут Анна Блок и сегодня мы обсудим тему, которая волнует многих, кто планирует переходить на фриланс. В начале всегда пугает конкуренция и появляется страх, что все лучше, кроме тебя. Просыпается синдром самозванца, когда кажется, что ничего не знаешь, не получится выполнить заказ и так далее. С одной стороны, это нормальная реакция. Но не нормально, когда этот страх и мысли блокируют первые шаги выхода на фриланс настолько, что действительно начинаешь верить во всё, что себе говоришь...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

182 прочтения · 2 года назад

Позиционирование элементов: разбор всех значений position в CSS

Всем привет, меня зовут Анна Блок, и эта статья будет посвящена довольно «острой» теме, которая связана с позиционированием элементов. Мы поговорим о свойстве position и его значениях: relative, absolute, sticky и fixed. Если ты постоянно задаешься вопросом, какое значение и в какой ситуации нужно использовать, то эта статья для тебя. Разбор начнём с теории и после опубликую примеры с кодом. Position Свойство position устанавливает способ позиционирования элемента относительно окна браузера или других элементов на web-странице...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

75 прочтений · 2 года назад

Единицы измерения CSS для padding, margin, height, width

Всем привет, меня зовут Анна Блок и в этой статье мы продолжим говорить про единицы измерения CSS. Предыдущая статья была связана с тем, что я описывала все значения, которые можно использовать относительно такого свойства, как font-size, но при этом я не сделала совершенно никаких выводов для того, что бы вам стало ясно какую единицу измерения использовать и в какой ситуации. Выводы сформулирую в конце этой статьи. В начале поговорим о том, как использовать эти единицы измерения для других свойств, которые связаны с шириной и высотой: width, height, padding, margin, border-radius...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

135 прочтений · 2 года назад

Единицы измерения CSS для font-size: px, %, em, rem, vw, vh, vmin, vmax

Привет! Меня зовут Анна Блок, и сегодня мы поговорим про единицы измерения в CSS. Наверняка, многие из вас знают о таких единицах измерения, как px и %. Однако, по мимо всего прочего, мы разберем, как работают rem, em, vh, vw, vmax и vmin. Cтатья получится большой, поэтому разобьем её на две части. Здесь мы поговорим о том, как эти единицы измерения влияют на размер шрифта, т.е на font-size. А во второй части затронем тему, насколько удобно использовать такие единицы измерения для того что бы управлять свойствами padding, margin, height, width и border-radius. Специально для вас я создала интерактивную шпаргалку, где наглядно отображены основные единицы измерения...

Анна Блок | Верстка сайтов HTML CSS JavaScript | Фронтенд

153 прочтения · 3 года назад

Привет, меня зовут Анна Блок 👋 На этом канале я рассказываю про веб-разработку и технологии. Иногда разбавляю контент темами про инвестирование. Подпишись, если не боишься узнать что-то новое 🔥