![](https://habrastorage.org/webt/gg/ir/4j/ggir4jlxgixvev9jb0jbylc-dwq.png)
10-й «Юбилейный» выпуск полезных штук для дизайнеров и разработчиков. Сегодня в выпуске 31 ссылка на всякие свежие полезности. Больше добавить нечего > изучайте сами и делитесь с друзьями!
#sketch
Dribbble > Sketch palette
Бесплатный extension для браузера, который позволит импортировать палитру из любого шота Dribbble сразу в Скетч
github.com/amiechen/dribbble-sketch-palette
![](https://habrastorage.org/webt/uy/2u/2x/uy2u2xwdgwm_hunrnz-u-yfaqbk.png)
#uikit #sketch
Planguru Free UI Kit
Netguru пиарится бесплатным UI китиком на тему планировщика задач. Есть версии для Sketch и PS.
www.behance.net/gallery/62593397/Planguru-Free-UI-Kit
![](https://habrastorage.org/webt/g2/l4/bo/g2l4bodp8rhliy-wavdhparrz_u.png)
#development
Direct select android
Ramotion выдали готовый код под мобильные девайсы с новым подходом к выборе элемента в любом списке. Подход основан на той же концепции, что и зафиксированная в центре экрана булавка, а карта под ней смещается свайпом.
github.com/Ramotion/direct-select-android
![](https://habrastorage.org/webt/k3/xk/_r/k3xk_rwv6fiigmjecoi0awwrfcq.png)
#webtools
Emojiers
Новый каталог всех емодзи, упорядоченный по категориям. Есть функционал поиска, по клику символ копируется в буфер. Последнее время емодзи часто используются в публикациях, интерфейсах и документах для усиления значения.
www.emojiers.com
![](https://habrastorage.org/webt/sr/t3/zq/srt3zqpnvytupekux01jndljqqw.png)
#tutorial
Improve your landing page
В своей статье (eng) Alexander Handley сравнивает приемы и подходы к визуальной разработке лендингов 3-х крупнейших западных компаний.
medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04
![](https://habrastorage.org/webt/7t/1k/ws/7t1kwserketmtgxm_pqg6jie-kq.png)
#framer #sketch
Sketch > Framer
Фреймер запускает плагин для тех, кто хочет безболезненно мигрировать из Скетча. Передел рынка во всей красе.
framer.com/sketch/?utm_source=designer_news&utm_medium=launch_post&utm_campaign=sketch_copy_paste
![](https://habrastorage.org/webt/0c/pr/jf/0cprjf2--chugyjex81qrwu0ilu.png)
#tutorial
Hand lettering tutorial
Обширный туториал от TopTal на тему калиграфического дизайна (eng). Внутри много красивых ручных работ со ссылками на авторов. Оптимально подойдет в качестве источника вдохновения.
www.toptal.com/designers/typography/hand-lettering-tutorial
![](https://habrastorage.org/webt/kd/mz/vf/kdmzvfvnmnpgyznciaovh0vwu1a.png)
#development #js #vanilla
Onboarding driver
Быстрая, легкая, бесплатная библиотечка для подсветки необходимых разделов на вашем сайте. Абсолютно идеальная основа для создания walkthrough / onboarding для любых веб-продуктов.
kamranahmed.info/driver
![](https://habrastorage.org/webt/32/xb/pg/32xbpgay2ob-co4ezepxegevt-i.png)
#development
Newsletters for web developers
Веб-разработчик по имени Travis Van Der Font взял и собрал в одном посте (eng) самые топовые и полезные по его мнению рассылки по теме webdev'a
codeburst.io/newsletters-for-web-developers-c6d6590f7f55
![](https://habrastorage.org/webt/2h/ub/l0/2hubl0mlm9vrcmlzdlogmipm0ca.png)
#development
Prettier
Prettier — это незаменимая вспомогашка разработчику для автоматического форматирования кода. Ссылка ведет сразу на «How it works», поддерживаются более чем 8 языков
prettier.io/docs/en/index.html
![](https://habrastorage.org/webt/oz/6v/i8/oz6vi8k6qqavgjow6laqwmzurng.png)
#новости #xd
XD news
Пользуясь случаем, хочется поздравить тех, кто использует Adobe XD — теперь он научился открывать PSD и Sketch файлы.
www.adobe.com/products/xd/features.html?promoid=5NHJ8DC6&mv=other
![](https://habrastorage.org/webt/oi/fw/g1/oifwg1ogvza4xfmgxvcd17f3jyc.png)
#новости #development
Stackoverflow.com survey 2018
У не нуждающегося в представлении Stackoverflow вышли в тираж результаты опроса более чем 100 000 вебразработчиков на тему профессионального развития.
insights.stackoverflow.com/survey/2018
![](https://habrastorage.org/webt/oe/nj/xy/oenjxyha2r8byhfulgg2cda-eic.png)
#webtools
Artpalette
Гугл выпустил собственный генератор цветовых схем на основе изображений. Экспериментальный :)
artsexperiments.withgoogle.com/artpalette
![](https://habrastorage.org/webt/dx/oc/ln/dxoclnxcymdok30suhhugsdz2ku.png)
#stock
Motosha
Свежий бесплатный imagebank. В этой сфере новые изображения — это всегда хорошо, ибо тут и там натыкаешься на заезженные лица с pixabay.
www.motosha.com
![](https://habrastorage.org/webt/8b/xn/3x/8bxn3x6c9a8ul0eba5ju3cvldze.png)
#figma
Material components on video
Небольшой увлекательный ролик, в котором показаны аж 1682 material компонента дизайн-системы в Figma. Пожалуй, это рекордная team library на сегодняшний день :)
youtu.be/fj0RKgZecT0
![](https://habrastorage.org/webt/fe/ym/2u/feym2u-np1srlqdfig4hq-tx93q.png)
#webtools
Webflow.com ecommerce
Вебфлоу круто анонсировал решения для электронной коммерции. Без кодинга руками и темплейтов. На самом деле, с точки зрения среды самого инструмента, нет ничего нового. Просто качественная подача и попытка таргетироваться на аудиторию, которая работает в сфере ecommerce.
webflow.com/ecommerce
![](https://habrastorage.org/webt/n-/hs/z7/n-hsz7uupjacdp0gghkgdizua6i.png)
#sketch
Native web components for Sketch
Если работаете в Sketch — для Вас вышла очередная библиотека компонентов. И не простых, а нативных! Да еще и под web. Внешний вид прост и неказист, но автор утверждает, что суть совсем не в этом. Можете ознакомиться в его посте на Medium (eng), где он объясняет, как это работает.
blog.prototypr.io/native-web-components-a-free-sketch-library-eaed1a8af936
![](https://habrastorage.org/webt/16/et/qc/16etqcm4vzj3tpcqqtd7gsd60aw.png)
#uikit #sketch
Card ui kit deck
Очередной UI kit выпускает InvisionApp. Предназначен для продуктов, где в основном используется подача информации в виде карточек. PSD / Sketch.
www.invisionapp.com/blog/card-ui-kit-deck
![](https://habrastorage.org/webt/ws/0j/jg/ws0jjgzua6vx99-ghcu3klcrd3q.png)
#uikit #sketch
macOS ui by Sketchapp.com
Достаточно обширная и фирменная либа UI компонентов macOS от Sketchapp. Это официальный UI kit.
sketch.cloud/s/VEp78
![](https://habrastorage.org/webt/ty/t6/1q/tyt61qidfxspt5eytkj2nznw6gg.png)
#development
Light snackbar
Light — это небольшая надстройка для уведомлений в стиле material design, которая позволяет использовать стандартный Android-снэкбар в более элегантной подаче. Это интересный пример, когда стандартные компоненты начинают «звучать» по-новому.
github.com/TonnyL/Light
![](https://habrastorage.org/webt/ov/7m/km/ov7mkmh8wrqjez3jeb247wlnlbs.png)
#stock
Pixelify
Новый огромнейший сток для дизайнеров, полный бесплатных плюшек в виде шрифтов, иконок, баннеров, ui китов и прочей графики. Доступна фильтрация при поиске. Какие-то разделы уже хорошо наполнены, некоторые пока не очень.
pixelify.net
![](https://habrastorage.org/webt/og/lc/e8/oglce8z34hnaq8iwyfmms1mpaq0.png)
#stock
UIfaces
Большая библиотека лиц и физиономий, чтобы наполнить ваш прототип юзерпиками. С помощью фильтров можно указать диапазон возраста, эмоции, а также источники, по которым производить поиск (unsplash, pexels, pixabay и т.п.).
uifaces.co
![](https://habrastorage.org/webt/cf/u4/rq/cfu4rqdmlx5tmre9u18fsm80kvw.png)
#webtools
Color wheel
Достаточно простая, но любопытная «разукрашивалка» графики. Загружаете монохромный дизайн и получаете много разных цветовых решений. Оптимально для ленивых дизайнеров, которые хотят показать быстро много вариантов заказчику :)
brandmark.io/color-wheel
![](https://habrastorage.org/webt/sa/bs/m6/sabsm6dsqr5cs2s-qjiqssk3mti.png)
#webtools
Emojiart
Эмодзи в наши дни играют достаточно важное значение уже не просто как смайлики. Новая любопытная тенденция — эмодзи-арт. В данной библиотеке собрано много готовых комбинаций, чтобы скопипастить, например, в переписку.
emojiart.org
![](https://habrastorage.org/webt/dy/0t/jc/dy0tjcmpbzx4dkqhxncw7oz6enu.png)
#development #vue #js
VueDS
Бесплатная open source библиотека, чтобы создавать дизайн-системы на базе Vue.js
vueds.com
![](https://habrastorage.org/webt/3k/5c/dg/3k5cdgte7skem-6xglmv-czztkg.png)
#webtools
Cover Letter
Для ленивых программистов тоже есть полезное — автоматический генератор сопроводительных писем. Заполняете 4 инпута с Вашим опытом и навыками и генерируете cover letter.
www.dailycodingproblem.com/coverletter
![](https://habrastorage.org/webt/ll/jj/o1/lljjo1-8yjjeqbg-ip8gdu1dpkw.png)
#development #git #python
Sketches to HTML
Экспериментальный проект на Python от индийских коллег, который (внимание!) загрузит картинку с нарисованным макетом от руки и конвертирует в HTML. Машинное обучение и искусственный интеллект во всей красе!
github.com/ashnkumar/sketch-code
![](https://habrastorage.org/webt/hp/9r/dn/hp9rdn6wkb4umsavz2wx_vhjspe.png)
#tutorial #video
Machine learning for JS tutorial
Абсолютно хитовый видео-туториал на тему машинного обучения, используя Javascript! (1к+ лайков «за» и всего 4 «против»).
www.youtube.com/watch?v=9Hz3P1VgLz4
![](https://habrastorage.org/webt/4b/ft/vn/4bftvnow1zsg2d_mysrv80u6lns.png)
#webtools
Trianglify
Сильнейший браузерный генератор полигонных текстур с кучей настроек: цвет, размеры, излом и так далее. Автор, где же ты был несколько лет назад, когда был тренд втыкать такие текстуры в любой макет, чтобы замылить глаз заказчика? :)
trianglify.io
![](https://habrastorage.org/webt/4i/pd/le/4ipdle2moacxeshjqpv0cwnsefo.png)
#webtools
Online PNG tools
Онлайновый обработчик PNG-картинок. Можно конвертировать, улучшать, кастомизировать изображения не покидая браузер и не прибегая к десктопным графическим редакторам.
onlinepngtools.com
![](https://habrastorage.org/webt/6v/ni/dk/6vnidkgvo6rgzwcswswwjxfyquk.png)
#webtools #development #js
UI charts
Новая насыщенная библиотека для создания графиков и визуализации данных для любых web-продуктов.
ui.toast.com/tui-chart
![](https://habrastorage.org/webt/l7/q2/8s/l7q28szegmeffxf3vsr8pdzpbuw.png)
Вы можете поделиться этой статьей. Давайте вместе развивать дизайн-сообщество и поддерживать разработчиков, помогая им распространять их полезные и бесплатные продукты. Спасибо за внимание!
Хронология: первый выпуск • второй выпуск • третий выпуск • четвертый выпуск • пятый выпуск • шестой выпуск • седьмой выпуск • восьмой выпуск • девятый выпуск
Новые ссылки ежедневно в телеграм-канале
Подпишитесь на канал «Полезное Дизайнеру» в Telegram, чтобы получать интересные ссылки каждый день!
Комментарии (3)
pepelsbey
22.03.2018 10:51+1Спасибо за дайджест. Только у меня личная просьба: можно без & в заголовке? Это я магазину Шубы & Меха могу простить, они не ведают, что творят, но тут вроде дизайнеры, люди не чуждые здравому смыслу.
alexvoz
Отличная подборка. Спасибо за ваши труды и время!
Новость про XD порадовала!