Как изменить полосу прокрутки с помощью 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 анимации, включая…

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

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

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

читать

10 полезных туториалов по адаптивному веб-дизайну

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

читать