https://medium.mybridge.co/web-development-top-10-open-source-v-feb-2018-ae0f60fa9a92
Mybridge выпустили свой очередной топчик лучших open source проектов по теме webdev'a за Февраль (eng). Состав выпуска упорядочен по звездам на GitHub'e. Например, на первом месте автоматический кроппер изображений Caire (7503★) с фокусировкой на основе композиции.
#development

https://youtu.be/lcf33EJAEuI Создаем кредитную карточку в Фигме на основе компонентов. Ссылка на скачивание будет под роликом в описании.
#figma #tutorial #hints

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