img
Провалы известных дизайнеров
Дизайн

Самые запоминающиеся провалы чаще всего случаются в самом начале, когда вы очень стараетесь проявить себя и еще не понимаете, что провалы – это неотъемлемая часть развития. Мы попросили 8 дизайнеров поделиться тайной: каким был их первый рабочий провал?

06.10.2017
805
0
img
Основы CSS Grid
Верстка

Наконец-то в последних версиях Firefox и Chrome был запущен CSS Grid без дополнительных флажков. Да-да, теперь можно поиграть с гридом в двух самых популярных браузерах.

05.10.2017
978
0
img
3 тренда в дизайне лендингов
Дизайн

Подборка вдохновляющих примеров дизайна лендинговых страниц, демонстрирующих три основные тренда.

29.05.2017
904
0
img
Сколько живет сайт?
Верстка

Сайт – это инвестиция, но о каком конкретно времени мы говорим? Когда и как инвестировать в сайт и чем руководствоваться?

21.08.2017
811
0
img
Новая адаптивка - единицы вьюпорта
Верстка

Иногда для правильной адаптации страницы media querie и процентов не достаточно, нужно больше контроля. И решение есть – единицы вьюпорта!

21.08.2017
878
0
img
Градиенты - это новые цвета?
Дизайн

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

16.06.2017
1478
0
img
Воздух в дизайне
Дизайн

Пустота – это неотъемлемый аспект жизни. Представьте, что слушаете музыку без промежутков между нотами. Это был бы просто шум. То же самое можно сказать и про дизайн.

16.06.2017
1598
0
img
Дизайн сайдбаров
Дизайн

Коллекция сайдбаров, которую я собрал, пока искал вдохновение для веб приложения, над которым сейчас работаю.

18.05.2017
766
0
img
7 ошибок дизайна, которые могут разрушить ваш контент
Дизайн

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

18.05.2017
694
0
img
Перестаньте использовать контрольные точки устройств
Верстка

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

08.05.2017
692
0
img
Адаптивный дизайн
Верстка

При использовании медиа запросов CSS значения изменяются очень резко, но можно добиться более плавного результата.

28.04.2017
1132
0
img
Вариабельные шрифты
Верстка

В октябре 2016 появилась новая технология: OpenType Font Variations, более известная как вариабельные шрифты. Эта технология позволяет одному шрифтовому файлу вести себя как несколько шрифтов.

13.03.2017
848
0
img
CSS Grid: верстка макета разными способами
Верстка

У CSS Grid очень гибкий синтаксис. Чтобы продемонстрировать это, мы создадим один и тот же макет тремя разными способами.

13.03.2017
1015
0
img
Интервью с Дэном Седерхольмом
Дизайн

Дэн Седерхольм, один из соучредителей Dribbble, рассказал о том, с чего все началось, где Dribbble сейчас и куда планирует двигаться в будущем.

23.04.2017
781
0
img
Дизайн карточек
Дизайн

Карточка – это компонент пользовательского интерфейса, который работает как точка входа на страницу с более детальной информацией. Она стала символом современного цифрового мира и её дизайн имеет большое значение.

12.04.2017
643
0
img
CSS псевдо-классы: стилизация элементов на основе их индексов
Верстка

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

14.03.2017
814
0
img
Небольшой пример использования `vmin`
Верстка

Иногда единицы viewport’a очень полезны, так как зависят только от его размерa. Никакого каскада и влияния родительских элементов. Давайте рассмотрим небольшой пример использования vmin.

14.03.2017
448
0
img
Понимание и применение рекурсии в CSS
Верстка

В веб программировании рекурсией называется функция, которая вызывает сама себя, как же добиться подобного эффекта в CSS?

03.03.2017
1517
0
img
Сила единиц viewport’a
Верстка

Проценты дают много способов настроить вид контента, но они подходят не во всех случаях. Единицы viewport’a предлагают альтернативные «гибкие» значения.

02.03.2017
568
0
img
Высота сайтов на мобильных
Дизайн

В адаптивном дизайне часто забывают о высоте. На мобильных устройствах страницы бывают довольно длинными. Нужно ли обращать на это внимание?

27.02.2017
594
0
img
Адаптивная типографика
Верстка

Вместо того, чтобы всегда использовать один и тот же размер шрифта, или прыгать от одного размера к другому, как в media queries, можно сделать его гибким.

27.02.2017
1075
0
img
Интервью с Эриком Шпикерманом
Типографика

Эрик Шпикерманн - один из самых известных типографов мира, создатель шрифтов для таких компаний как Audi, Nokia, Cisco, Bosch и многих других.

27.02.2017
602
0
img
nth-child vs nth-of-type
Верстка

Псевдоклассы nth-child и nth-of-type очень похожи, но все же работают совершенно по-разному. Давайте разбираться.

04.02.2017
542
0
img
новые CSS свойства
Верстка

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

30.01.2017
755
0
img
Верстка макета с помощью CSS Grid
Верстка

CSS Grid довольно сложный, в нем 17 новых свойств и много новых концепций на счет написания CSS. Пытаясь разобраться в спецификации, я создала простой макет.

01.02.2017
1422
0
img
CSS @supports
Верстка

Мне бы хотелось, чтобы новые CSS свойства поддерживались лучше. Однако среди них есть одно, которого я уже не могу дождаться.

01.02.2017
556
0
img
СКОШЕННЫЕ ЭЛЕМЕНТЫ НА CSS
Верстка

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

04.02.2017
2272
0
img
Использование CSS переменных в разработке сайтов
Верстка

CSS переменные уже поддерживаются всеми основными браузерами, кроме одного. А это значит, что стоит рассмотреть их использование в современной разработке.

01.02.2017
618
0
img
CSS Grid уже близко!
Верстка

С приходом нового года в браузерах появляется CSS Grid, и сразу без префиксов. Этот пост будет ответом на вопросы, которые мне задавали о CSS Grid и его поддержке браузерами.

30.01.2017
844
0
img
Что нужно знать о градиентах и "прозрачном черном"?
Верстка

Допустим, у вас есть градиент на CSS, который идет от красного к прозрачному. Вроде бы все просто, да? Но на самом деле тут есть подвох.

30.01.2017
1031
0
img
Давайте поговорим о портфолио
Дизайн

Для меня оценка дизайнерских портфолио – это ежедневная задача. На что мы смотрим, когда нанимаем (или не нанимаем) дизайнеров?

20.01.2017
603
0
img
Яркие цвета в дизайне сайтов
Дизайн

Цвет – это один из самых мощных инструментов дизайнера. Если говорить о современном веб-дизайне, то это определенно время ярких цветов. Ниже несколько советов по их использованию.

23.01.2017
809
0
img
5 идей для бэкграугдов в 2017
Дизайн

В 2017 году бэкграунды расширяют свои границы с помощью крутой геометрии, асимметрии и абстракции. Сегодня мы рассмотрим современные тренды в их дизайне, дополнив все вдохновляющими примерами.

23.01.2017
754
0
img
8 вещей, о которых должен знать каждый креативщик
Дизайн

Для креативщиков есть много хорошего материала, но в этом месяце я решил сфокусироваться на основных пунктах. Это восемь простых, возможно, банальных вещей, которые стоит запомнить.

20.01.2017
524
0
img
Как стать мастером вопросов
Дизайн

«Оценивайте человека по его вопросам, а не по его ответам.» - Вольтер. А вас оценивали по вашим вопросам? Не продвигаетесь в бизнесе, карьере или браке? Возможно, вы не задаете правильные вопросы?

20.01.2017
513
0
img
Будущее веб форм
Верстка

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

23.12.2016
411
0
img
переменные CSS против переменных препроцессоров
Верстка

Возможность задавать переменную, использовать её по всему CSS и легко менять реализована и в препроцессорах и в родных CSS переменных. Но стоит знать несколько важных отличий.

20.12.2016
784
0
img
Почему вы не задаете вопросы?
Дизайн

Начало встречи. Вы – главный дизайнер проекта. Ваши клиенты перечисляют свои пожелания, вы все старательно записываете. Прошел час, а вы едва ли произнесли одно предложение. У вас есть какие-то мысли, но вы молчите. Почему вы молчите?

14.12.2016
581
0
img
10 советов, как утвердить дизайн
Дизайн

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

14.12.2016
698
0
img
Мне не нравится
Дизайн

«Мне не нравится» - самый страшный отзыв о дизайне от вашего клиента, босса или коллеги. «Мне не нравится, потому что…» - это уже лучше. Как добиться той обратной связи, которая нам нужна?

15.12.2016
588
0
img
SVG. Руководство по синтаксису <path>
Верстка

<path> выглядит довольно неразборчиво. В нем куча цифр и буков, смешанных в одну длинную строку. Компьютерная поэзия! Я не эксперт, но думаю, что будет интересно покопаться в нем.

21.10.2016
1397
0
img
SVG на практике
Верстка

Отрывок из 6 главы книги Криса Койера «Practical SVG». Хотелось бы Вам получить контроль над размерами всей графики, которую вы используете на сайте? «Эй, ты! Лого! Ты должно быть вот такого размера!» И так все и происходит.

18.10.2016
1454
0
img
Будущее брендинга - дебрендинг
Дизайн

Вместо брендов, между покупателями и продуктами снова будут реальные люди.

10.10.2016
704
0
img
Разработка расширяемых HTML и CSS компонентов
Верстка

Мы пришли к пониманию важности модулей и того, как они помогают с адаптивностью.

14.10.2016
704
0
img
Война браузеров закончилась?
Верстка

Изменения в годовой статистике использования браузеров едва-едва заметны. Война браузеров закончилась?

06.10.2016
665
0
img
Логотипы без слов
Дизайн

Потребители устали от рекламы так, как никогда за последние несколько десятилетий.

05.10.2016
861
0
img
CSS4: Что нового, о чем стоит знать
Верстка

Основные пункты новых модулей: переменные, новые селекторы, сетка и Snap Points.

28.09.2016
596
0
img
Hover мертв
Верстка

С появлением устройств с сенсорными экранами в формате ноутбука hover эффект стал не надежным.

28.09.2016
530
0
img
Тренируйте глаза
Дизайн

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

23.05.2016
570
0
img
3 новых тренда в лого дизайне
Дизайн

Тратишь кучу времени на модный дизайнерский элемент... а потом мода заканчивается. И крутой дизайн вместе с ней. Но все не обязательно должно быть именно так.

28.09.2016
618
0
img
На сколько быстрой должна быть анимация?
Верстка

Статья поднимает важную тему тайминга UI анимации. Правильный тайминг необходим для создания правильной анимации.

20.05.2016
533
0
img
Компромиссный дизайн – плохой дизайн
Дизайн

Хорошие UX дизайнеры должны быть бойцами, потому что компромиссный дизайн - это плохой дизайн.

03.05.2016
12417
0
img
Последний тренд веб-дизайна – создавать страшненькие сайты
Дизайн

"Брутальные" сайты избегают шаблонных, user-friendly интерфейсов и, вместо этого, создают сайты с дизайном, напоминающим графику 90х.

20.05.2016
672
0
img
В поисках собственного стиля
Дизайн

Я получаю много писем от молодых дизайнеров, которые часто спрашивают, как найти свой собственный уникальный стиль...

04.05.2016
583
0
img
6 способов сделать ваш сайт более эффективным
Дизайн

Если вы думаете о создании личного сайта, то вот вам несколько отличных примеров, сделанных по всем правилам создания эффективных сайтов.

22.04.2016
603
0
img
Анимация в мобильном дизайне
Дизайн

Анимация упрощает познавательную нагрузку, не допускает моментальных изменений, лучше запоминается в пространственном отношении и оживляет интерфейс.

22.04.2016
903
0
img
Интерфейс для нового сайта The Times
Дизайн

Выпущены новенькие сайты для The Times и The Sunday Times. Я подумал, что было бы неплохо написать статью о структуре их пользовательского интерфейса.

22.04.2016
663
0
img
7 признаков того, что ваш дизайн застрял в прошлом
Дизайн

Если вы работаете в индустрии дизайна, то видели как приходят и уходят стили, какие же в тренде, а какие в прошлом?

21.04.2016
967
0
img
Существуют ли цвета, которых стоит избегать?
Дизайн

Можно ли ошибиться с цветом? Существуют ли оттенки или сочетания цветов, которых стоит избегать? Одним словом…да!

22.04.2016
796
0
img
"front end" или "front-end"?
Верстка

Как вы предпочитаете писать название работы, которой мы занимаемся: frontend? front end? Front-End? Есть ли среди этих вариантов правильный?

03.05.2016
709
0
img
Бесплатное руководство по комбинации шрифтов
Типографика

Руководство по комбинации шрифтов, которое продавалось тысячами копий, использовалось учебных программах и цитировалось ведущими дизайнерами, теперь доступно для скачивания бесплатно!

11.05.2016
615
0
img
Руководство по комбинации шрифтов. Глава 1. Шрифт.
Типографика

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

11.05.2016
920
0
img
Руководство по комбинации шрифтов. Глава 2. Контекст.
Типографика

Веб изменил наше представление о комбинации шрифтов. Нужно рассматривать проект по композициям, оценивая шрифты в разных условиях и контекстах.

11.05.2016
753
0
img
Руководство по комбинации шрифтов. Глава 3. Выбор шрифтов.
Типографика

Комбинация шрифтов не начинается и не заканчивается каким-то одним правилом – все значительно сложнее и зависит от целей проекта.

11.05.2016
851
0
img
Руководство по комбинации шрифтов. Глава 4. Оценка комбинаций.
Типографика

Цель этой главы – помочь вам разработать четкую и эффективную процедуру комбинирования шрифтов.

16.05.2016
561
0
img
Руководство по комбинации шрифтов. Глава 5. Критика.
Типографика

Давайте посмотрим на 5 сайтов и проанализируем их комбинации шрифтов.

16.05.2016
704
0