“Да, кто вообще использует Фотошоп?! Лучше фигмы ничего нет”

Часто эту цитату можно услышать от новичков, которые пару дней назад установили Figma, Sketch или Adobe XD. Действительно, первый дни использования может сложиться такое впечатление от программ, которые ранее по задумке создавались для отрисовки прототипов.

С фотошоп сложнее, поэтому хочется по-быстрее высказать своё “фи”, но правы ли они? Давайте разбираться!

Я записала видео, где постаралась объяснить за что любят Figma и что есть у Photoshop, без чего невозможно представить полноценную работу в веб-дизайне без этого приложения.

✅ Смотреть - https://youtu.be/M5D2_XzIM1A

​​Ускоряем загрузку веб-страниц: тестируем 4 стратегии оптимизации изображений 😎

Статистика не устаёт повторять нам про устойчивую корреляцию между падением скорости загрузки страниц сайта и ростом частоты отказов со снижением конверсии. Работу сайта замедляет «раздутая» полезная нагрузка (с плохо оптимизированными изображениями и избыточным HTML-кодом). Это заставляет сервер выполнять лишнюю работу. Огромный пласт такой работы связан с проблемами оптимизации изображений. В этой статье будет сведно решение к оптимизации изображений на этапе разработки, сборки проекта и/или на этапе обслуживания готового сайта.

Читать: https://habr.com/ru/company/macloud/blog/557208/

#html

Отправлю БЕСПЛАТНО любому желающему PDF с комментариями на Roadmap Frontend ❤️

Недавно я проводила вебинар «Как с нуля стать веб-разработчиком», где некоторые участники имели возможность получить PDF с моими комментариями на популярный Roadmap Frontend.

⚡ Сама ссылка на инфографику лежит тут, можете просмотреть заранее - https://roadmap.sh/frontend

Комментарии подойдут тем, кто только в начале пути и боится потеряться в такой куче технологий, которые представлены по ссылке выше.

PDF с комментариями отправлю бесплатно 24 мая, но чтобы его получить, нужно успеть оставить заявку по ссылке до 23 мая (ночью в на начале нового дня, т.е. 24 мая, отключу форму).

✅ Оставить заявку на получение PDF - https://tpverstak.ru/pdf-roadmap/

P.S. Решила сделать так, чтобы разом отправить всем, кто заинтересован, вместо того, чтобы вручную делать отправку по одному email. Спамить на ваши почты не планирую, потому что в ближайшее время сменю сервис для email-рассылок, поэтому ваших данных у меня не сохранится.

​​Доступный toggle 😃

Toggles (или их еще называют "тумблеры"/"переключатели") широко используются в современных интерфейсах. Они, как правило, относительно просты, и их можно рассматривать как простые флажки (checkbox). Тем не менее, их часто делают недоступными тем или иным способом. В этой статье будет показана небольшаю имплементация доступного toggle на HTML + CSS, которую вы можете применить в своих проектах и доработать по своему усмотрению.

Читать: https://habr.com/ru/company/otus/blog/557006/

#html #css

​​Шпаргалка по JS-методам для работы с DOM 😎

JavaScript предоставляет множество методов для работы с Document Object Model или сокращенно DOM (объектной моделью документа): одни из них являются более полезными, чем другие; одни используются часто, другие почти никогда; одни являются относительно новыми, другие признаны устаревшими. Этот материал представляет вам представление об этих методах, а также покажет парочку полезных приемов, которые сделают вашу жизнь веб-разработчика немного легче.

Читать: https://habr.com/ru/company/macloud/blog/557422/

#javascript

​​Протоколы в Python: утиная типизация по-новому 🐍

В новых версиях Python аннотации типов получают всё большую поддержку, всё чаще и чаще используются в библиотеках, фреймворках, и проектах на Python. Помимо дополнительной документированности кода, аннотации типов позволяют таким инструментам, как mypy, статически произвести дополнительные проверки корректности программы и выявить возможные ошибки в коде. В этой статье пойдет речь об одной, как мне кажется, интересной теме, касающейся статической проверки типов в Python – протоколах, или как сказано в PEP-544, статической утиной типизации.

Читать: https://habr.com/ru/post/557898/

#work

​​Инструменты для аудита CSS 🛠

Аудит (здесь и далее слово «аудит» употребляется в значении «оценка качества») CSS не относится к повседневным задачам при разработке веб-приложений, но иногда приходится этим заниматься. Это может быть частью процесса определения критического CSS, удаления неиспользуемых селекторов, улучшения доступности, когда все цвета в кодовой базе оцениваются на предмет контрастности, и т.д. Существуют некоторые инструменты, облегчающие выполнение указанных задач. Но давайте начнем с того, что понимается под «аудитом» CSS.

Читать: https://habr.com/ru/company/macloud/blog/557580/

#css

Немного сбилась со сроков, но кто успел оставить заявку, тот получил файл PDF на почту! 🤗✉️

Учитывайте, что файл для скачивания будет доступен 14 дней по правилам сервиса, где размещена ссылка для скачивания.

​​PHP-SPX простой профайлер трейсер для PHP 🐘

Работая с различными PHP проектами часто приходится дебажить приложение чтобы найти и исправить ошибку. Во многих случаях вполне хватает xDebug, однако он не подходит для всех задач. Иногда нужно понять почему та или иная страница долго загружается, что съедает так много памяти или просто как работает большой и запутанный код.

Читать: https://habr.com/ru/post/505192/

#php

​​Трюки CSS, которые сделают из вас ниндзя верстки 😎

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

Читать: https://habr.com/ru/company/macloud/blog/557796/

#css

​​Паттерны отложенной инициализации свойств объектов в JavaScript 😎

Материал расскажет о нескольких JavaScript-паттернах, направленных на отложенную инициализацию свойств объектов, для выполнения которой требуется произвести вычисления, создающие серьёзную нагрузку на систему. В основе всех этих паттернов лежит использование дескрипторов доступа — свойств объектов, описываемых парой функций — геттером и сеттером.

Читать: https://habr.com/ru/company/ruvds/blog/556166/

#javascript

​​Современный подход к работе с куки 🍪

Вы когда-нибудь работали с куки? Казалось ли вам при этом, что их использование организовано просто и понятно? Полагаю, что в работе с куки есть множество нюансов, о которых стоит знать новичкам.

Читать: https://habr.com/ru/company/ruvds/blog/556742/

#work

​​💬 Стори-курс по фронтенду

Стори-курс - это разработка проект в контексте сюжета и персонажей.

Здесь нет теории, которую вы и так знаете — зато есть море практики.

Главная цель стори-курса - дать максимум практики.

🏆 Результат
— Проект, который не стыдно иметь в портфолио 🎒
— +50 к навыкам проектирования фронтенд приложений 🏗
— +50 к пониманию паттернов в разработке  🧠

👀 Кому подходит?
1. Ты ишешь работу джуном и тебе нужен проект в портфолио
2. Ты хочешь продвинуться к уровню мидл и учишься кодить круче
3. Ты хочешь отточить новый фреймворк


Узнать подробнее: https://s.banda.works/front-story-course

​​14 Python-пакетов, про которые вы скорее всего не знали 🐍

Язык Python предоставляет всем пользователям возможность создавать свои пакеты и делиться ими со всем сообществом. Так появлялись очень популярные библиотеки для работы с данными (Pandas, Numpy, Matplotlib), для машинного обучения (TensorFlow, PyTorch), для веб разработки. Но есть много смешных, полезных или интересных пакетов, про которые вы вероятно никогда не слышали. Именно про них и пойдёт речь дальше.

Читать: https://habr.com/ru/company/macloud/blog/559042/

#work

​​7 библиотек для создания быстрых приложений ReactJS 😎

ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек. В этой статье поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.

Читать: https://habr.com/ru/company/otus/blog/559672/

#react

​​И еще несколько полезных библиотек для Python 🐍

У python одно из самых крупных комьюнити, это обусловлено тем, что этот язык любят многие за его простоту и универсальность. Очень много энтузиастов, которые создают всё новые и новые библиотеки для облегчения разработки, поэтому среди всего этого разнообразия каждый может подобрать несколько библиотек для себя. На github существует много проектов, которые можно встроить к себе в проект, чтобы оптимизировать, улучшить или просто расширить его функционал.

Читать: https://habr.com/ru/post/558842/

#work

⚡️ Последние новости по проекту FrontendBlok

После небольшого отпуска я пересмотрела продукты, которые хранятся на сайте и решила сделать пару улучшений, а где-то и вовсе закрыть существующие предложения. Давайте по порядку:

———

1. Закрываю продажи Frontend Book PDF ❌❌❌

История этого ежедневника начинается с начала 2019 года, когда был отпечатан тираж ежедневников, после чего был распродан в декабре 2019, как раз перед Новым Годом.

С тех пор было принято решение немного адаптировать формат и предоставить его, как PDF с возможностью самостоятельно распечать нужные странички для себя. Например, шпаргалки, трекер-привычек или планировщик чтения книг.

Формат замечательный, но настала пора прекратить его продажу.

До 7 июня у вас есть возможность приобрести его на сайте:
https://tpverstak.ru/frontendbook/

Возможно, в будущем появится новая версия, но сейчас этого в планах нет. Стоимость PDF всего 490 руб. После 7 июня эта страница с сайта исчезнет (да, это не frontendblok, но проект Типичного Верстальщика тесно связан с ним).

———

2. Объявляю о перезапуске курса Супер Старта (теперь версия 3.0) 🔥🔥🔥

Это один из старых курсов и был задуман изначально, как альтернатива быстрого обучения верстке сайтов. НО! В предыдущей версии многим было не понятно, зачем его покупать, если я периодически выкладываю бесплатно видео-уроки на свой ютуб канал (Анна Блок), где я верстаю сайт с нуля.

Поэтому чтобы разница стала очевидной, отвечу: в новой версии курса мы теперь верстаем усложненную версию макета (на ютубе совсем простые сайты), а также появилась возможность, кроме прохождения самой практики, получить консультацию со мной.

Да, я отвечаю на комментарии ютуба, но личную консультацию или переписку со мной это не заменит. Теперь вы можете дополнительно взять тариф “Индивидуальный” и получить консультацию со мной (обсудить проблемы верстки, обучения и прочее), а также я проверю вашу работу и укажу на возможные ошибки.

Такой возможности получить консультацию по максимально низкой цене нет больше ни на одном курсе сайта frontenblok!

Начинаем обучение 4 июня.
Записывайся - https://frontendblok.com/courses/super-start

———

3. Перенесена дата старта курса по Vue с 7 июня по 14 июня. До 7 июня на курс действуют скидки - https://frontendblok.com/courses/vuejs

———

4. В ближайшее время планируем провести вебинар по Vue, где вместе на практике сделаем что-нибудь 🙂 Пока только предварительный анонс, все подробности будут чуть позже.

​​HTML и CSS ошибки, ухудшающие UX 🤔

Существуют случаи, когда HTML и CSS ошибки негативно влияют на доступность интерфейсов. В этой статье будут предложены и описаны некоторые случаи подобных ошибок.

Читать: https://habr.com/ru/post/555442/

#html #css

4 июня будем верстать сайт вместе за 5 уроков 🔥

Совсем скоро стартует обновленный курс “Супер Старт”, где мы с вами сверстаем усложненный макет с использованием HTML, CSS Flexbox и Grid.

🎁 В подарок вы также получите PDF с моими комментариями на популярный Roadmap Frontend.

Также мы добавили возможность индивидуальной консультации с Анной Блок и проверкой вашей работы в рамках тарифа “Индивидуальный”

Стартуем 4 июня, стоимость регистрации от 1490 руб:
https://frontendblok.com/courses/super-start

Ждем всех желающих прокачать свои навыки на практике! 🤗

УЖЕ ЗАВТРА мы будем вместе верстать сайт! ⚡⚡⚡

Мы перезаписали наш курс “Супер Старт” и теперь это не просто мини-курс, где верстаем что-то простое, а скорее уже, как полноценyый интенсив, где будет работать над усложненным макетом Figma с использованием HTML, CSS Flexbox и Grid, сделаем переходы, добавим SVG. С нуля до адаптива.

🎁 В подарок вы также получите PDF с моими комментариями на популярный Roadmap Frontend.

А также мы добавили возможность индивидуальной консультации с Анной Блок и проверкой вашей работы в рамках тарифа “Индивидуальный”. Стоимость тарифа снижена и будет актуальна до 7 июня!

Стартуем 4 июня, регистрируйся:
https://frontendblok.com/courses/super-start

Ждем всех желающих прокачать свои навыки на практике! 🤗