Типичный Верстальщик. Страница 17

На FrontendHelp интересный вопрос прилетел: как реализовать такую задумку (см.видео). Я достаточно быстро решила этот вопрос. А вы смогли бы? Экспресс-тест, так сказать. Пиши в комментариях, как решил(а) бы эту задачу 👇 Чуть позже скину вам свой вариант решения. Сервис, про который я говорю, находится тут: https://frontendhelp.me/ru

⚡️ В чате рекомендуют еще один сервис от создателей Avocode для работы с PSD https://inspect.ceros.com

Из неожиданных вариантов: мне однажды скинули макет, отрисованный в Illustrator. Файл весил несколько гигов и дизайнер ещё возмущалась, что комп верстальщика не тянет её шедевр)) А у вас есть подобные странные истории? 😅

⚡️Онлайн-сервис для работы с макетами PSD Неплохая альтернатива, чтобы не устанавливать Photoshop https://www.markupeasy.ru/ Пробовали такой? Делитесь впечатлениями 👇

Невероятная отзывчивость от тех, кто на Boosty ❤️

По традиции для первого потока будут самые привлекательные цены на новые обучалки! 🙌 А пока на FrontendBlok в качестве подарка решила сделать скидочки: Flexbox - frontendblok.com/maratho…marathon Grid - https://frontendblok.com/marathons/grid-marathon SVG - https://frontendblok.com/marathons/svg-marathon Email - frontendblok.com/maratho…marathon Первые три марафона за 690 руб (вместо 1490), а Email за 2990 руб (вместо 7990 руб). Внезапная щедрость просто так, до конца понедельника! 🥳 Теперь для тех, кто будет проходить эти марафоны будет доступен учебный чатик в ТГ, где я смогу отвечать на ваши вопросы. Также в каждому уроку прилагается ответ на ДЗ.

Сайт магазина Лайм Макет - https://bit.ly/3BPAxkQ #макет

Директивы Angular для расширения компонентов Директивы Angular используются недостаточно, вероятно из-за того, что многие не знают, на что они способны. Если вы используете Angular, вы, вероятно, знакомы с популярными структурными директивами ngIf и ngFor, но содержит ли ваша кодовая база пользовательские директивы? Ответ на этот вопрос, вероятно, отрицательный, и, возможно, вы прибегли к компонентам вместо директив, потому что они более привычны. В примере продемонстрирована полезная техника, использующая директивы для унифицированной настройки сторонних компонентов. Ссылка:https://bit.ly/3ricmGQ #angular

Сейчас видео монтируется и уже совсем скоро будет опубликовано. Напомню, что недавно мы на практике cделали небольшую страницу и я обещала, что запишу видео про адаптив. У меня в планах опубликовать серию роликов (три видео). Сейчас одно монтируется и скоро будет опубликовано. Остальной материал записан - осталось тоже смонтировать. Заранее я подготовила для вас пост на Boosty: boosty.to/annblok…44ee34fe Его увидят подписчики тарифа Мидл, либо вы его можете открыть для себя за 300 руб. Для чего это нужно? Там я подробно объясню, как сделать адаптив, если нет дизайна под мобильные. Также там будут в доступе три части видео и скриншоты с результатом. Ссылки на видео будут дополняться и здесь об этом я тоже уведомлю.

Стили заголовков в CSS: картинки, тени, анимации Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В статье рассмотрим несколько фишек как сделать заголовок ярким. Ссылка:https://bit.ly/3Cwv3gB #css

Как всегда, основное время занимает монтаж, поэтому выход ролика АБСОЛЮТНО ТОЧНО переносится на завтра ✌️

Rockpack — решение для React SSR приложения Rockpack — это простое решение для создания приложения React с рендерингом на стороне сервера, сборкой, анализом и тестированием. Основная цель сервиса — сократить время настройки проекта с недель до 5 минут. Язык:En Ссылка:https://bit.ly/3BXT1zN #soft #react

Не так давно мы с вами на практике cделали небольшую страницу, на которой отработали несколько моментов: — поработали с CSS переменными — научились обрезать изображения через SVG — сделали зацикленную анимацию текста по кругу — создали небольшой калькулятор на JavaScript В конце видео обещала вам адаптив в формате отдельного видео. Завтра оно выйдет! 🙌 Доступно будет тем, кто оформил подписку на тариф Мидл и выше. Можете присоединиться заранее - https://boosty.to/annblok/ В видео будет не просто практика, а именно объяснение основных принципов адаптива. Учитывая, что в этом макете не отрисованы мобильные экраны, то вам будет полезно узнать, как правильно размещать элементы с точки зрения дизайна, чтобы это было не скучно, но и не перегруженно. Дайте знать, если ждёте выхода ролика! ❤️

10 ловушек React, которых следует избегать React.js элегантен и минимален в сервисе. Просто напишите функцию JavaScript для представления компонента, который автоматически отображается при изменении ваших данных. Это просто, но также вводит в заблуждение. На самом деле React — очень сложная UI-библиотека с большим количеством технического багажа, накопившегося за последнее десятилетие. В статье рассмотрим 10 анти-шаблонов в React, а также советы и рекомендации по улучшению нашего кода. Язык:En🇬🇧 Ссылка:https://bit.ly/3rhPxmP #react

Сравнение синтаксисов Vue JS Многим из нас приходится работать в разных проектах с разным синтаксисом. Хранить в голове все варианты написания достаточно сложно. А постоянно листать разные документации - долго. В статье предлагается шпаргалка по всем вариантам, чтобы всегда иметь под рукой нужные шаблоны. В добавок новички в Vue смогут сравнивать разные варианты синтаксиса и выбрать для себя вариант по душе и лучше ориентироваться в разных проектах. Ссылка:https://bit.ly/3rh8lCC #vue

Сайт компании Альтернатива Т Макет - https://bit.ly/3E4YsPW #макет

Софт для подъёма резюме на HeadHunter Программа для автоматического подъема резюме на HeadHunter каждые 4 часа. Альтернатива платной услуге Продвижение.LITE от HeadHunter. Ссылка:https://bit.ly/3fAnkok #soft

А если серьезно, то мой ответ - да, планировать нужно. Это может помочь избежать принятия неверных решений, которые потенциально можно совершить на фоне эмоций, паники.