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

Mr.Varenik

Гуру форума
Регистрация
5 Янв 2018
Сообщения
286
Реакции
50
Dribbble → Sketch palette

Бесплатный extension для браузера, который позволит импортировать палитру из любого шота Dribbble сразу в Скетч

github.com/amiechen/dribbble-sketch-palette





#uikit #sketch
Planguru Free UI Kit

Netguru пиарится бесплатным UI китиком на тему планировщика задач. Есть версии для Sketch и PS.

Для просмотра ссылки Войди или Зарегистрируйся





#development
Direct select android

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

github.com/Ramotion/direct-select-android




#webtools
Emojiers

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

Для просмотра ссылки Войди или Зарегистрируйся





#tutorial
Improve your landing page

В своей статье (eng) Alexander Handley сравнивает приемы и подходы к визуальной разработке лендингов 3-х крупнейших западных компаний.

medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04





#framer #sketch
Sketch → Framer

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

framer.com/sketch/?utm_source=designer_news&utm_medium=launch_post&utm_campaign=sketch_copy_paste





#tutorial
Hand lettering tutorial

Обширный туториал от TopTal на тему калиграфического дизайна (eng). Внутри много красивых ручных работ со ссылками на авторов. Оптимально подойдет в качестве источника вдохновения.

Для просмотра ссылки Войди или Зарегистрируйся





#development #js #vanilla
Onboarding driver

Быстрая, легкая, бесплатная библиотечка для подсветки необходимых разделов на вашем сайте. Абсолютно идеальная основа для создания walkthrough / onboarding для любых веб-продуктов.

kamranahmed.info/driver





#development
Newsletters for web developers

Веб-разработчик по имени Travis Van Der Font взял и собрал в одном посте (eng) самые топовые и полезные по его мнению рассылки по теме webdev'a

codeburst.io/newsletters-for-web-developers-c6d6590f7f55





#development
Prettier

Prettier — это незаменимая вспомогашка разработчику для автоматического форматирования кода. Ссылка ведет сразу на «How it works», поддерживаются более чем 8 языков

prettier.io/docs/en/index.html





#новости #xd
XD news

Пользуясь случаем, хочется поздравить тех, кто использует Adobe XD — теперь он научился открывать PSD и Sketch файлы.

Для просмотра ссылки Войди или Зарегистрируйся





#новости #development
Stackoverflow.com survey 2018

У не нуждающегося в представлении Stackoverflow вышли в тираж результаты опроса более чем 100 000 вебразработчиков на тему профессионального развития.

insights.stackoverflow.com/survey/2018





#webtools
Artpalette

Гугл выпустил собственный генератор цветовых схем на основе изображений. Экспериментальный :)

artsexperiments.withgoogle.com/artpalette





#stock
Motosha

Свежий бесплатный imagebank. В этой сфере новые изображения — это всегда хорошо, ибо тут и там натыкаешься на заезженные лица с pixabay.

Для просмотра ссылки Войди или Зарегистрируйся





#figma
Material components on video

Небольшой увлекательный ролик, в котором показаны аж 1682 material компонента дизайн-системы в Figma. Пожалуй, это рекордная team library на сегодняшний день :)

youtu.be/fj0RKgZecT0





#webtools
Webflow.com ecommerce

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

webflow.com/ecommerce





#sketch
Native web components for Sketch

Если работаете в Sketch — для Вас вышла очередная библиотека компонентов. И не простых, а нативных! Да еще и под web.

Card ui kit deck

Очередной UI kit выпускает InvisionApp. Предназначен для продуктов, где в основном используется подача информации в виде карточек. PSD / Sketch.

Для просмотра ссылки Войди или Зарегистрируйся





#uikit #sketch
macOS ui by Sketchapp.com

Достаточно обширная и фирменная либа UI компонентов macOS от Sketchapp. Это официальный UI kit.

sketch.cloud/s/VEp78





#development
Light snackbar

Light — это небольшая надстройка для уведомлений в стиле material design, которая позволяет использовать стандартный Android-снэкбар в более элегантной подаче. Это интересный пример, когда стандартные компоненты начинают «звучать» по-новому.

github.com/TonnyL/Light





#stock
Pixelify

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

pixelify.net





#stock
UIfaces

Большая библиотека лиц и физиономий, чтобы наполнить ваш прототип юзерпиками. С помощью фильтров можно указать диапазон возраста, эмоции, а также источники, по которым производить поиск (unsplash, pexels, pixabay и т.п.).

uifaces.co





#webtools
Color wheel

Достаточно простая, но любопытная «разукрашивалка» графики. Загружаете монохромный дизайн и получаете много разных цветовых решений. Оптимально для ленивых дизайнеров, которые хотят показать быстро много вариантов заказчику :)

brandmark.io/color-wheel





#webtools
Emojiart

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

emojiart.org





#development #vue #js
VueDS

Бесплатная open source библиотека, чтобы создавать дизайн-системы на базе Vue.js

vueds.com





#webtools
Cover Letter

Для ленивых программистов тоже есть полезное — автоматический генератор сопроводительных писем. Заполняете 4 инпута с Вашим опытом и навыками и генерируете cover letter.

Для просмотра ссылки Войди или Зарегистрируйся





#development #git #python
Sketches to HTML

Экспериментальный проект на Python от индийских коллег, который (внимание!) загрузит картинку с нарисованным макетом от руки и конвертирует в HTML. Машинное обучение и искусственный интеллект во всей красе!

github.com/ashnkumar/sketch-code





#tutorial #video
Machine learning for JS tutorial

Абсолютно хитовый видео-туториал на тему машинного обучения, используя Javascript! (1к+ лайков «за» и всего 4 «против»).

Для просмотра ссылки Войди или Зарегистрируйся





#webtools
Trianglify

Сильнейший браузерный генератор полигонных текстур с кучей настроек: цвет, размеры, излом и так далее. Автор, где же ты был несколько лет назад, когда был тренд втыкать такие текстуры в любой макет, чтобы замылить глаз заказчика? :)

trianglify.io





#webtools
Online PNG tools

Онлайновый обработчик PNG-картинок. Можно конвертировать, улучшать, кастомизировать изображения не покидая браузер и не прибегая к десктопным графическим редакторам.

onlinepngtools.com





#webtools #development #js
UI charts

Новая насыщенная библиотека для создания графиков и визуализации данных для любых web-продуктов.

ui.toast.com/tui-chart
 
Назад
Сверху