Основные условия хорошей типографики – это Читабельность и Индивидуальность. Типографика нужна для того, чтобы эффективно предоставлять аудитории полезную информацию. Читабельность играет очень важную роль в достижении этой цели. Читабельность включает…
1. Marketch Как правило, после создания макета дизайнерам нужно передать фронтенд разработчикам точные размеры картинок, шрифтов и интервалов, и Marketch сильно упрощает этот процесс. Marketch – это плагин для Sketch…
Сетка – фундаментальный элемент дизайна любого веб-сайта, а CSS Grid – самый мощный и простой в использовании инструмент для ее создания. Модуль CSS Grid получил поддержку множества современных браузеров (Safari,…
HTML <canvas> элемент – это мощное решение для создания пиксельной графики в Web c использованием JavaScript. Canvas позволит вам создавать замечательные визуальные эффекты – нужно только немного попрактиковаться. В этом…
Генераторы кода могут стать лучшим другом веб дизайнера по двум причинам. Во-первых, они помогают в изучении новых техник или совершенствовании тех, с которыми вы уже знакомы. Во-вторых, они позволяют быстро…
Preact – это JavaScript библиотека, которая позиционирует себя как быстрая (3кб) альтернатива React с такой же ES6 API. Как постоянный пользователь React, я всегда хотел опробовать Preact и посмотреть, что он…
В этом уроке мы рассмотрим миксины, наследование и математические операторы в SASS. 01. SASS Миксины — Создание многоразовых CSS правил SASS миксины позволяют создавать многоразовые CSS правила, чтобы избежать повторений в…
В этом уроке мы рассмотрим одни из наиболее полезных и мощных функций SASS: вложение стилей, фрагментирование и импорт. 01. Вложенные стили SASS Вложенные стили SASS — это еще одна отличная…
SASS переменные очень полезны в больших проектах. Вы можете задать значение и использовать его множество раз, и при изменении переменной, значение будет автоматически меняться в местах, где она была использована….
Эта серия туториалов по SASS предназначена для начинающих и опытных разработчиков. Это первая из четырех частей обучающих статей, в которой вы познакомитесь с этим препроцессором, установите его и узнаете о некоторых…
Золотое сечение – это то, о чем должен знать каждый дизайнер. Мы объясним, что это такое, и как вы можете его использовать. Существует общее математическое соотношение, найденное в природе, которое…
Адаптивный веб-дизайн – это дизайн, который отображается одинаково хорошо как на мобильных устройствах, так и на экранах комьютеров и планшетов. В настоящее время использовать адаптивный дизайн стало максимально легко благодаря…
Search box – это комбинация поля ввода и кнопки подтверждения. Некоторые считают, что окно поиска по сайту не нуждается в дизайне: это ведь всего лишь 2 простых элемента. Однако на…
Чем дольше мы живем, тем становится очевиднее, что ничего в жизни не бывает по-настоящему бесплатно. Но иногда попадаются особенно похожие на то экземпляры. На просторах сети есть несколько мощных онлайн фото…
Веб-приложение Fibonacci Flexbox Composer, разработанное Максом Стинбергеном (Max Steenbergen) из Нидерландов, оказывает неоценимую помощь, когда дело доходит до CSS Flexbox вёрстки. В принципе, для его использования никаких навыков и знаний не понадобится…
Карточки — это аккуратные маленькие контейнеры с информацией. Карточки стали практически обязательным элементом, когда дело доходит до балансирования эстетики с простым юзабилити. Изначально карточный дизайн был введен такими сервисами как…
Среди сотен бесплатных JavaScript библиотек очень сложно выбрать ту, на которую стоит потратить время и энергию. Про некоторые забывают, какие-то разделяются на новые проекты, в то время как другие распространяются…
Зачем охотиться за новыми текстурами в сети, когда можно создать текстуры самому? Нет, это не так сложно, как кажется, а даже наоборот: создать текстуры с помощью Photoshop CS6 очень даже…