Как изменить полосу прокрутки с помощью SASS/SCSS

Полоса прокрутки (скроллбар) – это один из тех компонентов пользовательского интерфейса, который встречается почти на каждой веб странице в сети, но несмотря на это, у нас (разработчиков) слишком мало контроля над этим элементом UI. Некоорые браузеры позволяют изменить внешний вид…

читать

Основы типографики для Начинающих Дизайнеров

Основные условия хорошей типографики – это Читабельность и Индивидуальность. Типографика нужна для того, чтобы эффективно предоставлять аудитории полезную информацию. Читабельность играет очень важную роль в достижении этой цели. Читабельность включает в себя множество аспектов: размер шрифта, тип шрифта, начертание, цвет…

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

Когда лучше использовать Меню Гамбургер?

Меню гамбургер – это иконка с тремя горизонтальными линиями (две булочки и котлета в середине), которая используется для обозначения меню. Клик/нажатие на иконку открывает навигацию. Огромное количество постов было написано про гамбургер меню, в основном дизайнерами, которые выступают против него. Если вы всё…

читать

ТОП 7: Графические Тенденции 2017

Графические тенденции постоянно меняются. Мы никогда не поощряли бездумное следование трендам, но всегда полезно знать, в каком направлении движется творческий мир. В этой статье мы рассмотрим самые значимые тренды графического дизайна 2017 года. Если вы сами не графический дизайнер, то не…

читать

Золотое Сечение в Дизайне

Золотое сечение – это то, о чем должен знать каждый дизайнер. Мы объясним, что это такое, и как вы можете его использовать. 

читать

Пятиминутное руководство для не-дизайнера

Основы веб дизайна могут быть изучены и реализованы кем угодно. Этот гайд даст вам базовые знания основ Web дизайна, которые вы сможете использовать уже сегодня (и впечатлить ваших друзей-дизайнеров).

читать

15 Бесплатных наборов иконок для вашего проекта

Когда дело доходит до веб дизайна, а в особенности UI дизайна, иконки играют важную роль. При правильном использовании они могут улучшить дизайн почти любого сайта, добавляя визуальный интерес и привлекательность. Однако, создавать иконки с нуля каждый раз, когда вы беретесь за…

читать

Новые фото тренды в Веб Дизайне

Фото тренды в дизайне постоянно меняются и развиваются, так как фотографии – это ключевой элемент дизайна практически любого сайта. Как правило, они создают уникальный визуальный эффект, который не может быть достигнут иным путем. Фотографии также могут передавать сообщение, или визуально…

читать