Как скачать все картинки с сайта

Для браузера Google Chrome есть прекрасное расширение, которое позволяет скачивать картинки — Fatkun.

Расширение предоставляет расширенный функционал работы с фильтрацией и выбором. Может сохранить изображения из текущей вкладки или изо всех открытых.

Как скачать все картинки с сайта

Статистика по инструментам 2020 года

Статистика по инструментам 2020 года

Занятные показатели можно увидеть при анализе статистики подобного рода. Рассмотрены инструменты для дизайна, мозгового штурма, формирования концепций, рисования схем и другие.

Если кратко, то в 2020-ом Figma всех победила, но вы все же сходите по ссылке ниже.

Полную статистику можно посмотреть на сайте.

А тут можно сравнивать инструменты в разных категориях.

Конференции для дизайнеров 2020

В этом году было несколько интересных конференций для дизайнеров.

Mail Design Friends: «Дизайнеры для дизайнеров»

Mail.ru Design Conf × Dribbble Meetup 2020

Mail.Ru Design × G8 2020

Райффайзенбанк, Fintech Design Conf

Figma, Config Europe 2020

Avito Design Talk: куда дизайнерам расти и зачем им краудсорс и сайд-проекты

Где скачать персонажей для проекта

Персонажные сеты которые можно скачать, настроить и использовать в своих проектах. Персонажы доступны в SVG и PNG.

Openpeeps

Ссылка на сайт

Где скачать персонажей для проекта

Isometric

Ссылка на сайт

Где скачать персонажей для проекта

Icons8

Ссылка на сайт

Где скачать персонажей для проекта

Mobius 2020, конференция для разработчиков

Конференция состоялась с 11 по 14 ноября и для меня это было первое посещение конференции подобного рода.
В этом году конференция проходила в формате Online. Организаторы думали, что это скажется на покупке билетов и что данный формат не так воспримут люди, но всё прошло на высоте.

Платформа

Доступ к конференции можно получить из личного кабинета платформы jugru.org . На этой же платформе проходят и другие конференции включая HolyJS.

После регистрации и покупки билета будет доступно расписание и раздел, где партнеры публикуют свои вакансии и рассказывают о себе зазывая людей.

Как проходит

Трансляция конференции разделена на четыре трека, в какое-то время одновременно могут идти разные, а бывает что и один спикер на всех четырех (часто это партнер конференции).

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

Все доклады имели отметки на карточках для удобства. Таким образом можно сразу узнать направленность: общее для всех, хардкор, практика и презентация от партнёра.

В перерывах между докладами спикеры от организаторов рассказывали, что есть на платформе, как пользоваться и что нас ждёт.

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

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

Что запомнилось

У Сбера был один из докладов про масштабирование. Интересен в общем понимании, что у них там происходит и конечно поражает количество разработчиков на одном приложении.

Был доклад от Delivery Club «Выходим на рынок Huawei, Или как мы адаптировали приложение для работы с HMS». Интересно было послушать про магазин Huawei и к чему всё идёт.

Из Many Chat Александр Лавриненко очень подробно разобрал тему WebSocket, начиная от общих моментов и плавно погружался в детали (иногда даже очень глубоко). Доклад у него назывался «WebSocket: Как, когда и сколько стоит». Прям фанатично подошел к вопросу.

В один из дней четырем спикерам дали задание заверстать макет в реальном времени, который они до этого не видели на Flutter, Swift UI и Jetpack Compose, а ещё там в тоже время ещё один спикер рассказывал про декларативный UI.

Спустя некоторое время был круглый стол, где все участники обсуждали какие были трудности.
И должен отметить, лайв-кодинг это очень круто! Это возможность посмотреть, как верстают и самое главное как мыслят профессионалы в отрасли разработки. Было очень увлекательно!

В этот раз на конференции было достаточно тем по кроссплатформенной разработке и Flutter был основным. Его сейчас активно используют в проде.

Мне очень понравилась сессия «Воркшоп. Flutter Zero LiveShow: Для начинающих, профессионалов и начинающих профессионалов» от Александра Денисова (Epam). Там он сам себе задание придумал сделать магазин по продаже планет и начал с создания окружения, а после перешел к вёрстке.

Ещё был доклад «Flutter под капотом» от Максима Зотьева. Там конечно хардкор был, но очень понравилось.
Владимир Иванов (Epam) в докладе «Прожаренная птичка: Готовим Flutter к промышленному использованию», рассказал про внедрение Flutter в продукт, как изучал направление и почему именно такой сделал выбор. Он же рассказал как написал плагин, который показывает прозрачный дизайн-макет поверх верстки в приложении и как он открыл для себя Figma API — очень круто!

Из основных плюсов

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

Раньше Flutter для меня был продуктом от Google который просто есть (когда-то, я его открывал и пробывал, что-то верстать, но как-то не проникся, мне удобен и понятен React Native). Получив погружение во Flutter за время конференции, я изменил своё мнение о нём.

Как сделать текст по кругу в SVG

Бывают задачи, когда нужно сделать редактируемый текст по кругу.
Можно использовать средства CSS и HTML, но такие методы слишком ресурсоемкие.
Для решения предлагаю использовать SVG-технологию:

Как сделать текст по кругу в SVG

Скопируйте код и вставьте в блокнот:

<svg xmlns="http://www.w3.org/2000/svg” xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
   <defs>
      <path d="M243.2, 382.4c-74.8, 0-135.5-60.7-135.5-135.5s60.7-135.5,135.5-135.5s135.5, 60.7, 135.5, 135.5 S318, 382.4, 243.2, 382.4z" id="textcircle" />
<style>text {font-size: 20px; font-family: Arial; font-weight: 900; letter-spacing: 15px;}</style>
   </defs>
      <text dy="70" textLength="1200"><textPath xlink:href="#textcircle">Gismeteo.ru</textPath></text>
</svg>

Обратиться к элементу в коде можно через JavaScript.

Где взять иконки для своих проектов

Сервисы с иконками для своих проектов если нет времени рисовать свои:

http://www.flaticon.com

https://www.iconfinder.com

https://icons8.com

https://material.io/icons/

http://fontawesome.io/icons/

http://www.ego-icons.com

https://streamlineicons.com

https://thenounproject.com

https://picons.me

https://useiconic.com/icons/

https://linearicons.com

https://iconsmind.com

http://fontastic.me

https://www.iconexperience.com/o_collection/icons/

https://iconmonstr.com

http://adamwhitcroft.com/climacons/

https://www.swifticons.com

http://glyphicons.com

http://www.entypo.com

http://map-icons.com

http://www.defaulticon.com

https://smashicons.com