https://flaviocopes.com/chrome-devtools-tips/
Один хороший разработчик взял и расписал (eng) много разных трюков и приемов для Хромовского inspect'a. Взгляните, возможно вы не так хорошо знаете все хитрости...
#tutorial #development

https://github.com/d3/d3/blob/master/CHANGES.md#shapes-d3-shape
Кстати, недавно вышла версия 5.0 популярнейшего фреймворка для визуализации данных D3. По ссылке можно ознакомится со списком нововведений.
#development #js #новости

https://cssauthor.com/css-animation-libraries/
Небезызвестный среди западных разработчиков ресурс CSS Author собрал небольшую коллекцию ссылок на CSS библиотеки для анимирования интерфейсов и микроитераций.
#development #css

https://blog.bitsrc.io/best-vue-js-ui-frameworks-and-component-libraries-part-2-4196628d58ae
А вот вдогонку вам статья на Medium (eng) с отличной подборкой UI компонентов и библиотек основанных на Vue.
#development #js #vue

http://www.mockupdated.com/grid.html
Для тех, кто все еще в Фотошопе по тем или иным причинам - по ссылке найдете 12 PSD мокапов: ноутубки, планшеты, телефоны, кружки, визитка и т.п.. Один лишь нюанс - руки принадлежат афроамериканцу :)
#mockup

https://dribbble.com/shots/4381987-Updating-the-IOS-picker-control
Абсолютная win-версия кастомизации стандартного iOS пикера от Mathias Adam. Так понравилось, что даже закроем глаза на ненавязчивый пиар приложения :)
#hints #prototyping

Сейчас воскресенье. Пока все отдыхают, Ваш покорный слуга готовился все выходные к анонсу старта предпродаж моего следующего продукта - дизайн-система для e-commerce, разрабатываемая в среде Figma. У меня к Вам есть просьба, если вы находите этот канал полезным, то я прошу Вас помочь раскачать мне предпродажную кампанию в знак благодарности. Чем больше людей узнает о продукте, тем больше шансов, что он увидит свет.

Что можно сделать?

Прочитать анонс-статью на Medium (eng): https://medium.com/@kamushken/i-started-to-develop-an-ecommerce-design-system-b66696926f82

Проголосовать за продукт на ProductHunt’e: https://www.producthunt.com/posts/design-system-for-e-commerce

Лайкнуть увлекательный ролик-презентацию на YouTube: https://youtu.be/VQNWT6Wkiyc

Ретвитнуть этот же анонс в Twitter’e: https://twitter.com/kamushken/status/977879493061808128

Лайкнуть shot-анонс на Dribbble:
https://dribbble.com/shots/4387647-Design-system-for-e-commerce

Спасибо за внимание! Кстати, я всегда открыт для фидбека. Если у Вас есть идеи как я мог бы улучшить анонс, пожалуйста напишите мне @Kamushken (https://news.1rj.ru/str/Kamushken)

http://sketch2pdf.com/
И добавить нечего :)
#sketch

https://tabler.github.io/
Таблер - это бесплатный open source темплейт админки на Bootstrap, даже со вполне приемлимым дизайном.
#development #bootstrap

https://www.ibm.com/plex/
IBM наконец-то оформил подачу своего собственного шрифта Plex, учитывая, что релиз состоялся почти квартал назад.
#fonts

https://www.apple.com/ipad-9.7/
Apple тем временем презентует новый (вроде бы) iPad, сопротивляясь общему тренду вымирания планшетов. Попытка подачи устройства как инструмента для решения задач. Однако бОльшая часть картинок все равно несут развлекательный подтекст. Имхо...
#новости

https://medium.com/@kamushken/material-design-prototyping-components-71e3329af4ff
Описываю секцию кнопок из дизайн-системы для Figma (eng). В статье найдете примеры использования (паттерны) и видео-обзор. Для тех кто не в курсе: Фигма выпустила API, соответственно Бред Фрост, который недавно утверждал что "Your components library is not a design system" теперь может выкусить...
#figma #tutorial

http://slashpixels.com/
Анонсирован поисковик чисто по дизайнерским ресурсам. Как утверждают создатели - это будет словно Гугл,но для дизайнеров.
#webtools #stock

https://blog.hartleybrody.com/startup-security/
Абсолютно хитовая статья последних дней от разработчика Hartley Brody (eng) на тему минимально необходимого набора знаний и инструментов для безопасности ваших веб-приложений
#development

https://dribbble.com/shots/4414096-eCommerce-prototyping-kit-backstage
Продолжаю прорабатывать секции дизайн-системы для екоммерции. Стоит сказать, что оптимальнейшая архитектура для конкретной уже нишевой ДС в использовании одних и тех же модулей на всех устройствах. Например, модуль авторизации. Если правильно расставить констрейны в Фигме, то один и тот же модуль будет адаптивно вставать и на моб.положение, и в моб.версии сайта и в десктопных продуктах. А библиотека, которая подключается через API таким образом содержит всего один универсальный модуль 'Login', поменяв элементы которого, разом получаем изменение на всех типах устройств. Ой, сегодня же суббота...
#figma #tutorial #hints

https://mobbin.design
Свежий ресурс на тему разнообразных мобильных паттернов самых актуальных и трендовых приложений. Жаль, что нет Android-версий.
#ux

http://palette.site
Новая доставалка цветовой палитры из любого сайта. Сделано в виде плагина к Chrome
#tools

https://design.tutsplus.com/articles/affinity-designer-resources-roundup--cms-30750
Набор ресурсов (фри и не очень) для такого причудливого инструмента как Affinity Designer. Шрифты, иконки, текстуры, есть даже UI kit'ы.
#affinity #uikit #stock

https://speckyboy.com/free-famous-robot-icon-set
Набор из 20-и иконостасов с самыми популярными роботами. Из кино, мультфильмов, комиксов и тп.
#icons

https://dribbble.com/shots/4423369-eCommerce-material-design-kit
Продолжаю разработку дизайн системы, масштабируемой одновременно и в приложение и в десктопную версию. Проработана секция search patterns. Кстати, этот кейс довольно типичен для большинства ниш и не только для интернет-магазинов.
#figma #tutorial #hints

https://spectrum.chat/thread/6dc219ab-4e4b-421d-842f-4bccab22652e
Фигматичное сообщество потихоньку начинает делать разные штуки посредством API в Figma. По ссылке найдете генератор стайл-гайдов
#figma #development