Forwarded from Node.JS [ru] | Серверный JavaScript
⚡️Node.js: разрабатываем сборщик модулей
В этой статье вы узнаете, как работают сборщики модулей (module bundlers) JavaScript типа Webpack или Parcel, и как разработать простой сборщик модулей на Node.js, который будет компилировать все модули приложения в один минифицированный файл с кодом, соответствующим стандарту ES5.
Читать...
В этой статье вы узнаете, как работают сборщики модулей (module bundlers) JavaScript типа Webpack или Parcel, и как разработать простой сборщик модулей на Node.js, который будет компилировать все модули приложения в один минифицированный файл с кодом, соответствующим стандарту ES5.
Читать...
Forwarded from Адовый UX
Хочется напинать по гениталиям всех людей, кто создает терминалы, которые НЕ ВЫДАЮТ СДАЧУ
Блять, какого хуя вы принимаете мои купюры, но не выдаёте сдачу? Что за кидалово вообще?
Если вы в принципе принимаете наличные, будьте готовы выдать сдачу или вернуть деньги полностью. Или принимайте только карты. Схуяли я должен дарить вам сдачу, пидоры?
Блять, какого хуя вы принимаете мои купюры, но не выдаёте сдачу? Что за кидалово вообще?
Если вы в принципе принимаете наличные, будьте готовы выдать сдачу или вернуть деньги полностью. Или принимайте только карты. Схуяли я должен дарить вам сдачу, пидоры?
Forwarded from MAX agency / Илья Лайтнер
YouTube
Как максимально быстро прокачать карьеру дизайнера
На основе опроса 100 дизайнеров уровня Senior и выше
Канал в ТГ: https://t.me/super_helper
Сайт: https://gohelper.io
///
00:00 Ожидание
10:02 Старт
14:15 Коротко о том, что будет на эфире
26:32 Результаты исследования (топ-5 по прокачке)
46:55 Как все внедрить?…
Канал в ТГ: https://t.me/super_helper
Сайт: https://gohelper.io
///
00:00 Ожидание
10:02 Старт
14:15 Коротко о том, что будет на эфире
26:32 Результаты исследования (топ-5 по прокачке)
46:55 Как все внедрить?…
Forwarded from MAX agency / Илья Лайтнер
Forwarded from UX Notes (Антон Григорьев)
Виталий Фридман написал, как сделать области нажатия в мобильных интерфейсах удобнее.
— Их рекомендуют делать минимум 44×44 px. Поэтому на нижней панели меню поместится не более 5 пунктов;
— На разных экранах пиксели разные, поэтому следует говорить о DIPs (dp), device independent pixel;
— Таблица для перевода pt в px и em, в SP или DP для Android, в pt для iOS и в DIP или px для Windows;
— Минимальная область нажатия может быть разной: 11 мм (31 pt / 42 px) в верхней части экрана, 12 мм (34 pt / 46 px) в нижней, 7 мм (20 pt / 27 px) в центре;
— Согласно требованиям WCAG 2.1 уровня ААА, если область нажатия находится в предложении или текстовом блоке, она может быть 27 px;
— Предлагайте отдельные контролы для точных манипуляций. Можно поворачивать изображения жестом, но удобнее может быть специальный слайдер или кнопка;
— Иногда несколько касаний лучше одного. Можно выбирать цвет товара нажатием на маленькие кружочки, а можно при нажатии на блок с кружочками отобразить специальную панель выбора цвета с удобными большими контролами;
— Максимизируйте кликабельные области. Например, чтобы нажать можно было на всю карточку, а не только заголовок, или на весь прямоугольник аккордеона.
In English. #mobile
— Их рекомендуют делать минимум 44×44 px. Поэтому на нижней панели меню поместится не более 5 пунктов;
— На разных экранах пиксели разные, поэтому следует говорить о DIPs (dp), device independent pixel;
— Таблица для перевода pt в px и em, в SP или DP для Android, в pt для iOS и в DIP или px для Windows;
— Минимальная область нажатия может быть разной: 11 мм (31 pt / 42 px) в верхней части экрана, 12 мм (34 pt / 46 px) в нижней, 7 мм (20 pt / 27 px) в центре;
— Согласно требованиям WCAG 2.1 уровня ААА, если область нажатия находится в предложении или текстовом блоке, она может быть 27 px;
— Предлагайте отдельные контролы для точных манипуляций. Можно поворачивать изображения жестом, но удобнее может быть специальный слайдер или кнопка;
— Иногда несколько касаний лучше одного. Можно выбирать цвет товара нажатием на маленькие кружочки, а можно при нажатии на блок с кружочками отобразить специальную панель выбора цвета с удобными большими контролами;
— Максимизируйте кликабельные области. Например, чтобы нажать можно было на всю карточку, а не только заголовок, или на весь прямоугольник аккордеона.
In English. #mobile