https://mockingbot.com/
Китайцы выходят на рынок с новым продуктом для прототипирования. Выглядит очень заманчиво. Есть версия и под Windows тоже. Думаю, что у них появятся шансы конкурировать после того как панель слоев перенесут налево.
#tool #prototyping

https://atomiks.github.io/30-seconds-of-css/
Крайне удобный туториал по CSS (eng), который позволит понять за 30 сек. суть реализации определенных задач. Например отрисовки треугольника, наложение градиентной маски на текст, попап меню и так далее
#css #development #tutorial

https://github.com/andrew--r/frontend-case-studies
Один хороший разработчик собрал на Github множество статей полезных девелоперам (eng) - категоризировал их по топовым западным компаниям и озаглавил "Frontend case studies". Таким образом получилось колоссальное саммари проб и ошибок западных "гигантов". Изучайте.
#development

https://opensource.appbase.io/reactivesearch/native
Бесплатный набор react-компонентов для организации поиска с раширенными фильтрами внутри вашего приложения или веб-продукта. Прилагаются sketch-исходники для используемых прототипов.
#react #sketch #development

https://logo.shapefactory.co
ShapeFactory выпустили очередной интересный продукт - лого билдер. В целом стандартный процесс сначала ввода названия, потом выбора стиля, пиктограммы и цвета. Но! UX на высшем уровне. Вдобавок интересно наблюдать за новыми продуктами этой команды.
#webtools

https://blog.figma.com/figma-prototyping-now-with-transitions-197f817ae7a8
Совершенно ожидаемо Фигма догоняет XD и остальных, добавив transitions в секцию прототипирования.
#news #figma

https://antoningrele.github.io/img-brightness-normalization/
Автоматический "затемнятель" изображений для повышения читаемости текста нанесенного поверх. Алгоритм сам делает заливку и подбирает прозрачность, исходя из общей яркости изображения.
#development #github

https://flutter.io
Flutter - это свежий UI фреймворк (пока еще в бете), позволяющий создавать нативные интерфейсы для Android/iOS быстрее обычного (со слов создателей). Работа фреймворка основана на использовании уже существующих open source фрагментов кода.
#development #app #github

http://setproduct.com/material/icons_pro
Огромная библиотека из 998 material иконок в виде компонентов. 40 категорий, в каждую иконку вложен фон, вынесенный в мастер-компонент. Разом можно перекрасить весь набор, или превратить все иконки в самостоятельные кнопки
#icons #figma

https://habrahabr.ru/post/350350/
Вышел 9-ый выпуск! Не забудте рассказать о нем друзьям и коллегам. В понедельник :) Всем хороших выходных...
#полезноедизайнеру

https://github.com/amiechen/dribbble-sketch-palette
Бесплатный extension для браузера, который позволит импортировать палитру из любого шота Dribbble сразу в Скетч
#sketch

https://www.behance.net/gallery/62593397/Planguru-Free-UI-Kit
Netguru пиарится бесплатным UI китиком на тему планировщика задач. Есть версии для Sketch и PS.
#uikit #sketch

https://github.com/Ramotion/direct-select-android
Ramotion выдали готовый код под мобильные девайсы с новым подходом к выборе элемента в любом списке. Подход основан на той же концепции, что и зафиксированная в центре экрана булавка, а карта под ней смещается свайпом
#development

https://www.emojiers.com/
Новый каталог всех емодзи, упорядоченный по категориям. Есть функционал поиска, по клику символ копируется в буфер. Последнее время емодзи часто используются в публикациях, интерфейсах и документах для усиления значения.
#webtools

https://medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04
В своей статье (eng) Alexander Handley сравнивает приемы и подходы к визуальной разработке лендингов 3-х крупнейших западных компаний.
#tutorial

https://framer.com/sketch/?utm_source=designer_news&utm_medium=launch_post&utm_campaign=sketch_copy_paste
Фреймер запускает плагин для тех, кто хочет безболезненно мигрировать из Скетча. Передел рынка во всей красе.
#framer #sketch

https://www.toptal.com/designers/typography/hand-lettering-tutorial
Обширный туториал от TopTal на тему калиграфического дизайна (eng). Внутри много красивых ручных работ со ссылками на авторов. Оптимально подойдет в качестве источника вдохновения.
#tutorial

http://kamranahmed.info/driver
Быстрая, легкая, бесплатная библиотечка для подсветки необходимых разделов на вашем сайте. Абсолютно идеальная основа для создания walkthrough / onboarding для любых веб-продуктов.
#development #js #vanilla

https://codeburst.io/newsletters-for-web-developers-c6d6590f7f55
Веб-разработчик по имени Travis Van Der Font взял и собрал в одном посте (eng) самые топовые и полезные по его мнению рассылки по теме webdev'a
#development

https://prettier.io/docs/en/index.html
Prettier - это незаменимая вспомогашка разработчику для автоматического форматирования кода. Ссылка ведет сразу на "How it works", поддерживаются более чем 8 языков
#development

https://www.adobe.com/products/xd/features.html?promoid=5NHJ8DC6&mv=other
Пользуясь случаем, хочется поздравить тех, кто использует Adobe XD - теперь он научился открывать PSD и Sketch файлы.
#новости #xd