Полезное дизайнеру – разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9

в 16:52, , рубрики: Bootstrap, design, development, figma, github, icons, plugin, sketch, survey, tools, UI, UX, webtools, бесплатно, бутстрап, веб-дизайн, дайджест, дизайн мобильных приложений, иконки, интерфейсы, конструктор, новинки, опрос, разработка, Разработка веб-сайтов, разработка мобильных приложений, скачать

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 1

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

#development #js

Tippy

Tippy это бесплатная JS библиотека, которая наделяет разнообразной анимацией появление и исчезновение тултипов к любым элементам вашего сайта

atomiks.github.io/tippyjs

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 2


#development #js

Sweetalert 2

Sweetalert 2 — вышла вторая версия библиотеки JS диалогов. Адаптивные, анимированные, с контекстуально правильной логикой, эти попапы позволят давать более оптимальный фидбек действиям посетителей вашего сайта.

sweetalert2.github.io

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 3


#development #codepen #css

CSS menus

Freebiesupply собрал коллекцию пенов с чисто CSS-ными меню / навигацией и различными эффектами при наведении или нажатии.

freebiesupply.com/blog/css-menus

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 4


#sketch

Sketch Isometric Plugin

Плагин к Скетчу, позволяет создавать изометрические иллюстрации из артбордов автоматически.

github.com/sureskumar/sketch-isometric

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 5


#webtools

Data Color Picker

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

learnui.design/tools/data-color-picker.html

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 6


#uikit #framer

Fluid UI kit

iOS 11 → Официальный UI kit от Framer. 7 категорий, 86 элементов. Обещают, что все компоненты масштабируются и ресайзятся.

framer.com/fluid

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 7


#sketch

ProtoWire

Вышел очередной плагин к Скетчу, наделяющий его всеми свойствами инструмента для интерактивного прототипирования. Выглядит тяжело, лендинг оформлен слабо. Вдобавок хотят $29 за ПРО версию, но есть бесплатная с ограничением по кол-ву используемых артбордов в прототипе. UPS: поздновато вышли, апдейт №49 уже с прототипированием.

protowire.com

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 8


#uikit #framer

DropBox UI kit for Framer

DropBox выпустил особенный кит для десктоп-прототипирования в среде Framer. Причем акцент сделан именно на воссоздание атмосферы рабочего стола. В наборе проработаны многие события, эффекты, анмации и транзишны. Остается только собрать прототип!

medium.com/dropbox-design/desktop-prototyping-a6004fb5598a

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 9


#development

Top 10 webdev open source projects

Mybridge выпустили свой очередной топчик лучших open source проектов по теме webdev'a за Февраль (eng). Состав выпуска упорядочен по звездам на GitHub'e. Например, на первом месте автоматический кроппер изображений Caire (7503★) с фокусировкой на основе композиции.

medium.mybridge.co/web-development-top-10-open-source-v-feb-2018-ae0f60fa9a92

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 10


#figma #tutorial #hints

Prototyping in Figma

Создаем кредитную карточку в Фигме на основе компонентов. Ссылка на исходник на Gumroad: gum.co/zAyTy (вводите «0» чтобы скачать)

youtu.be/lcf33EJAEuI

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 11


#tool #prototyping

MockingBot

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

mockingbot.com

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 12


#css #development #tutorial

30 seconds of CSS

Крайне удобный туториал по CSS (eng), который позволит понять за 30 сек. суть реализации определенных задач. Например отрисовки треугольника, наложение градиентной маски на текст, попап меню и так далее

atomiks.github.io/30-seconds-of-css

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 13


#development

Frontend Case Studies

Один хороший разработчик собрал на Github множество статей полезных девелоперам (eng) — категоризировал их по топовым западным компаниям и озаглавил «Frontend case studies». Таким образом получилось колоссальное саммари проб и ошибок западных «гигантов». Изучайте.

github.com/andrew--r/frontend-case-studies

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 14


#react #sketch #development

React native search

Бесплатный набор react-компонентов для организации поиска с раширенными фильтрами внутри вашего приложения или веб-продукта. Прилагаются sketch-исходники для используемых прототипов.

opensource.appbase.io/reactivesearch/native

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 15


#webtools

Logo builder by ShapeFactory

ShapeFactory выпустили очередной интересный продукт — лого билдер. В целом стандартный процесс сначала ввода названия, потом выбора стиля, пиктограммы и цвета. Но! UX на высшем уровне. Вдобавок интересно наблюдать за новыми продуктами этой команды.

logo.shapefactory.co

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 16


#news #figma

Meet prototyping in Figma

Совершенно ожидаемо Фигма догоняет XD и остальных, добавив transitions в секцию прототипирования. Cкетч, кстати, ответил через полдня или даже раньше. Сговор? Инсайд?

blog.figma.com/figma-prototyping-now-with-transitions-197f817ae7a8

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 17


#development #github

Brightness Normalization

Автоматический «затемнятель» изображений для повышения читаемости текста нанесенного поверх. Алгоритм сам делает заливку и подбирает прозрачность, исходя из общей яркости изображения.

antoningrele.github.io/img-brightness-normalization

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 18


#development #app #github

Flutter

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

flutter.io

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 19


#figma

Figma Darcula Plugin

Волна неофициальных даркул докатилась и до Фигмы. Перекрашиватель стандартного интерфейса в темные оттенки. А как работать с белыми артбоардами в ночной теме? Контраст будет дикий.

www.papertiger.com/figma-dark-ui-plugin

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 20


#templates

Pre-launch widgets

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

www.appocalypsis.com/widgets-for/pre-launch

Полезное дизайнеру - разработчику. Свежие утилиты и инструменты для ускорения работы. Выпуск № 9 - 21


Вы можете поделиться этой статьей. Давайте вместе развивать дизайн-сообщество и поддерживать разработчиков, помогая им распространять их полезные и бесплатные продукты. Спасибо за внимание!

Хронология: первый выпусквторой выпусктретий выпускчетвертый выпускпятый выпускшестой выпускседьмой выпусквосьмой выпуск

Автор: kamushken

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js