Как стать автором
Обновить
6
Карма
0
Рейтинг
Максим @Amedomary

Frontent ux/ui — developer

  • Подписчики 7
  • Подписки

Prerender on canvas 2D

JavaScript *Canvas *
Tutorial

В попытках оптимизировать 2D анимацию созданную в canvas, был найден один интересный вариант.


hero image


Предварительная визуализация — prerender.


"А что если записать все кадры заранее и показать их после окончания анимации?" — подумали мы с товарищем и вот что получилось на следующий день.

Читать дальше →
Всего голосов 15: ↑12 и ↓3 +9
Просмотры 2.5K
Комментарии 6

Как создать макет для сайта и не остаться крайним

Веб-дизайн *Разработка веб-сайтов *HTML *

Ниже я приведу краткий обзор обязательных моментов на которые нужно обратить внимание при создании web макета для дальнейшей передачи его на вёрстку.



Они помогут вам:


  • глубже продумать свой макет
  • избежать лишних вопросов
  • получить более качественный результат
  • остаться друзьями с frontend-разработчиком
Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 7.8K
Комментарии 9

CSS переменные и цветовая тема для сайта в несколько строк

CSS *HTML *
Tutorial

Один из способов использовать CSS переменные уже сегодня


Создадим сайт который динамически поддерживает светлую, тёмную и цветовые темы.


Интерактивное демо



Создаём базовый цвет который будет меняться. Привязываем его к data-theme на html.


в примерах кода используется & из less/scss синтаксиса


html[data-theme='green'] {
    --theme-color: 110;
}
Читать дальше →
Всего голосов 20: ↑19 и ↓1 +18
Просмотры 14K
Комментарии 11

Тепловая карта кликов — как пользователи ведут себя на сайте

CSS *JavaScript *HTML *Usability *Графический дизайн *

Сегодня у нас в руках множество инструментов, исследований и статей по ux/ui и том как сайт будут читать и идентифицировать.


Но главный вопрос остаётся открытым.


А знаете ли именно вы, куда пользователи вашего (или сделанного вами) сайта тыкают?



Сегодня поговорим о кнопках


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

Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 5.7K
Комментарии 9

Sublime Text 3 жив. (Настройка и работа)

CSS *HTML *
Из песочницы
Sublime Text 3 — кроссплатформенный текстовый редактор.

Краткий гайд для начинающих работать в sublime и в сфере вёрстки. Тут собрано всё самое необходимое и важное. (По ссылкам найдёте больше, если это нужно)

Будем рассматривать его для Вёрстки на Pug / Less, где нам не нужен огромный функционал отладки. Поэтому именно этот редактор (по моему мнению) побеждает своих конкурентов как в скорости работы так и в функционале.



1. Установка программы и контроль за дополнениями (Package Control)


  1. Устанавливаем Sublime Text 3. Тут всё просто — качаем и запускаем.

Теперь нажимаем ctrl/⌘+shift+p или в меню (Tool > Command Palette).

Тут мы можем Скачивать, устанавливать, удалять, просматривать дополнения и т.д.

Читать дальше →
Всего голосов 19: ↑7 и ↓12 -5
Просмотры 60K
Комментарии 25

Информация

В рейтинге
Не участвует
Откуда
Ульяновск, Ульяновская обл., Россия
Дата рождения
Зарегистрирован
Активность