Кто такой UX Дизайнер, и чем он на самом занимается?

08.01.2018

UX дизайнер – это заголовок вакансии, который вы наверняка видите все чаще и чаще. В то время как UX дизайн становится все более значимым элементом разработки продукта, его функции все еще остаются неизвестными для многих из-за его относительной новизны. Поэтому, когда кто-то говорит “Я UX дизайнер”, не всегда понятно, чем же все-таки он занимается изо дня в день. Эта статья предназначена для тех, кто все еще не совсем понимает, чем…

читать

Лучшие Sketch плагины для UX/UI дизайнеров в 2018

28.12.2017

1. Marketch Как правило, после создания макета дизайнерам нужно передать фронтенд разработчикам точные размеры картинок, шрифтов и интервалов, и Marketch сильно упрощает этот процесс. Marketch – это плагин для Sketch 3, который автоматически генерирует HTML страницу с CSS стилями, позволяя использовать такие супер полезные функции как динамические аннотации и преобразование единиц измерения. Этот плагин не только помогает дизайнерам снизить нагрузку, но и позволяет просматривать параметры всех элементов, включая CSS код….

читать

CSS Grid: Пятиминутное руководство

29.11.2017

Сетка – фундаментальный элемент дизайна любого веб-сайта, а CSS Grid – самый мощный и простой в использовании инструмент для ее создания. Модуль CSS Grid получил поддержку множества современных браузеров (Safari, Chrome, Firefox) в этом году, так что всем фронтенд разработчикам так или иначе придется освоить эту технологию в брижайшем будущем. В этой статье мы быстро пробежимся по основам CSS Grid и не будем зацикливаться на всех тех моментах, о которых…

читать

Начало работы с HTML canvas

12.11.2017

HTML <canvas> элемент – это мощное решение для создания пиксельной графики в Web c использованием JavaScript. Canvas позволит вам создавать замечательные визуальные эффекты – нужно только немного попрактиковаться. В этом туториале мы создадим canvas объект, добавим к нему простые визуальные эффекты и анимируем их. 01. Создаём страницу По своей сути Canvas – это HTML элемент, который располагается на странице и растягивается таким образом, чтобы полностью покрывать необходимую область, на которой вы…

читать

10 очень полезных генераторов кода для Веб Дизайнеров

01.10.2017

Генераторы кода могут стать лучшим другом веб дизайнера по двум причинам. Во-первых, они помогают в изучении новых техник или совершенствовании тех, с которыми вы уже знакомы. Во-вторых, они позволяют быстро выполнять повторяющиеся задачи. Вот 10 лучших генераторов кода для разных языков: Flexy Boxes Работать с CSS Flexbox иногда может быть… сложно. Поэтому существует несколько генераторов кода для работы с этой техникой. Flexy Boxes предлагает простой в использовании способ создания сложных макетов. Вы…

читать

Всё, что вам следует знать о UX дизайне

29.09.2017

User Experience (опыт взаимодействия) или UX — это популярный в настоящее время термин в технологических и дизайнерских индустриях. Так как UX продолжает развиваться и определяться, многие люди все еще не уверены, что означает UX, и как правильно использовать этот термин. Наверное, вы часто слышите о UX когда речь идет об интерфейсах сайтов или мобильных приложений. Отчасти это правильно, но более глубокий взгляд на UX необходим для полного понимания того, почему опыт взаимодействия настолько…

читать

Знакомство с Preact — Небольшой и быстрой React альтернативой

27.08.2017

Preact – это JavaScript библиотека, которая позиционирует себя как быстрая (3кб) альтернатива React с такой же ES6 API. Как постоянный пользователь React, я всегда хотел опробовать Preact и посмотреть, что он может предложить, а также увидеть разницу между этими двумя библиотеками. В этой статье мы познакомимся с Preact, его основными концепциями и разберемся в отличиях между Preact и React. Читайте также: JavaScript библиотеки 2017 Знакомство с Preact Как я и сказал выше,…

читать

CSS3 Анимация: 10 Впечатляющих примеров

24.08.2017

Одни из лучших примеров CSS3 анимации.  Свойства CSS3 открыли огромное количество новых дверей для веб-разработчиков и дизайнеров, позволяя создавать анимацию и интерактивность прямо в CSS разметке, обходя стороной Flash, Silverlight или After Effects. Ниже мы собрали лучшие примеры CSS3 анимации, включая отдельные эффекты и сайты.

читать