Основы типографики

UX и UI дизайн

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

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

CSS Grid руководство

HTML и CSS

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

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

HTML canvas

HTML и CSS

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

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

Генераторы кода для веб дизайна

HTML и CSS

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

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

SCSS уроки

HTML и CSS

SASS для Начинающих: Миксины, Наследование, Операторы

В этом уроке мы рассмотрим миксины, наследование и математические операторы в SASS. 01. SASS Миксины — Создание многоразовых CSS правил SASS миксины позволяют создавать многоразовые CSS правила, чтобы избежать повторений в…

Sass переменные

HTML и CSS

SASS для Начинающих: SASS Переменные

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

sass для начинающих

HTML и CSS

SASS для Начинающих: Скачивание и Установка

Эта серия туториалов по SASS предназначена для начинающих и опытных разработчиков. Это первая  из четырех частей обучающих статей, в которой вы познакомитесь с этим препроцессором, установите его и узнаете о некоторых…

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

Веб-дизайн

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

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

Адоптивный веб-дизайн

HTML и CSS

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

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

Дизайн Search Box

UX и UI дизайн

Идеальный дизайн Поля Поиска

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

Онлайн фото редакторы

Графика

ТОП 5 инструментов для редактирования фото онлайн

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

Простая Flexbox верстка

HTML и CSS

Fibonacci Flexbox Composer: простая Flexbox верстка

Веб-приложение Fibonacci Flexbox Composer, разработанное Максом Стинбергеном (Max Steenbergen) из Нидерландов, оказывает неоценимую помощь, когда дело доходит до CSS Flexbox вёрстки. В принципе, для его использования никаких навыков и знаний не понадобится…

Карточный дизайн

UX и UI дизайн

Карточный дизайн — исчерпывающее руководство

Карточки — это аккуратные маленькие контейнеры с информацией. Карточки стали практически обязательным элементом, когда дело доходит до балансирования эстетики с простым юзабилити. Изначально карточный дизайн был введен такими сервисами как…

JavaScript

JavaScript библиотеки 2017

Среди сотен бесплатных JavaScript библиотек очень сложно выбрать ту, на которую стоит потратить время и энергию. Про некоторые забывают, какие-то разделяются на новые проекты, в то время как другие распространяются…

Создать текстуры

Photoshop

Как создать текстуры в Photoshop

Зачем охотиться за новыми текстурами в сети, когда можно создать текстуры самому? Нет, это не так сложно, как кажется, а даже наоборот: создать текстуры с помощью Photoshop CS6 очень даже…