treo.sh - позволяет увидеть метрики сайта, такие как LCP, INP, CLS. Работает, если у сайта есть GA.
если нету, то https://www.webpagetest.org/ протестирует сайт.
Не забывайте обновлять сертификаты для сайтов. Если сравнить TLS 1.2 и TLS1.3 - последний быстрее.
Если устройство пользователя в режиме сберегания энергии, то через
У браузеров есть Performance API, которое позволит всё замерить. Например, PerformanceObserver. И лить данные в Sentry, GA, Dynatrace, AppDynamics, Prometheus, DataDog, LogRocket, New Relic и прочие.
если нету, то https://www.webpagetest.org/ протестирует сайт.
Не забывайте обновлять сертификаты для сайтов. Если сравнить TLS 1.2 и TLS1.3 - последний быстрее.
Если устройство пользователя в режиме сберегания энергии, то через
Save-Data: on мы можем это задетектить и отдавать оптимизированную графику, или убирать анимации.У браузеров есть Performance API, которое позволит всё замерить. Например, PerformanceObserver. И лить данные в Sentry, GA, Dynatrace, AppDynamics, Prometheus, DataDog, LogRocket, New Relic и прочие.
Clarity > Efficiency > Consistency > Beauty
Приоритеты при принятии решения, какой дизайн взять в работу. Варьируется от компании к компании.
Приоритеты при принятии решения, какой дизайн взять в работу. Варьируется от компании к компании.
👍1
Про доступность.
Есть статья про основы: https://git.apcacontrast.com/documentation/APCAeasyIntro.html
Или хотя бы помним, что контраст должен быть 4.5:1
Есть статья про основы: https://git.apcacontrast.com/documentation/APCAeasyIntro.html
Или хотя бы помним, что контраст должен быть 4.5:1
APCA
The Easy Intro to the APCA Contrast Method
This is the APCA project repo on GitHub.Documentation linked below.
https://pimpmytype.com/fontfriday/
Очередная вдохновлялка по шрифтовым парам
Очередная вдохновлялка по шрифтовым парам
Один из возможных пайпланов быстрого анализа рынка:
AppSumo и Acquire.com для маркет-ресерча. По апкам, упор на кол-во отзывов. Больше отзывов = больше продаж.
На Acquire.com смотрим на Revenue. Growth rates. Churn
AppSumo и Acquire.com для маркет-ресерча. По апкам, упор на кол-во отзывов. Больше отзывов = больше продаж.
На Acquire.com смотрим на Revenue. Growth rates. Churn
Словари иностранных слов
https://gufo.me/dict/foreign_words
например, барбершопа там нету, а вай-фай есть
https://gufo.me/dict/foreign_words
например, барбершопа там нету, а вай-фай есть
Gufo.me
Большой словарь иностранных слов
Настоящий словарь является справочником по правописанию слов русского языка, заимствованных из других языков. В издание включено более 15000 слов и выражений.
👍1
Один из способов ускорить мобильный интернет на Android:
В настройках выбираем «Мобильные сети». Там «Точку доступа APN» и проваливаемся внутрь.
Находим «Тип аутентификации» и ставим CHAP.
Ниже должен быть «Канал». Там будет по-умолчанию «Неопределено». Убираем оттуда галку, ставим на все каналы, вплоть до EHRPD включительно. Сохраняем.
В настройках выбираем «Мобильные сети». Там «Точку доступа APN» и проваливаемся внутрь.
Находим «Тип аутентификации» и ставим CHAP.
Ниже должен быть «Канал». Там будет по-умолчанию «Неопределено». Убираем оттуда галку, ставим на все каналы, вплоть до EHRPD включительно. Сохраняем.
👍2
Как делать цвета ярче, чем они есть.
Существуют HDR изображения, и в них есть nit. Это единица яркости экрана, то есть пиксели с высоким nit в HDR будут гореть ярче остальных.
Критично, чтобы:
— Ваш дисплей поддерживал HDR;
— Браузер поддерживал HDR (хром и сафари поддерживают);
— Устройство не находилось в режиме экономии батареи (в этом случае поддержка HDR отключается).
Чтобы такое сделать понадобится графический редактор поддерживающий работу с HDR (Photoshop). В редакторе устанавливается цветовой профиль, поддерживающий HDR. Подойдет Rec.ITU-R.2100 или Rec.ITU-R.BT2020
Подбираем ядреный цвет, чтобы там была высокая сатурация, но ближе к белому. Потому что темные цвета такого эффекта не дадут.
Можете использовать следующие:
#ff4e51 красный
#7ffffa голубой
#ff2bd6 розовый
#7cff00 зеленый
#e8bb57 оранжевый
#fffa6f желтый
Готовое изображение экспортируем в PNG, ставим галочку «Встроенный профиль», чтобы цветовой профиль прикрепился к изображению.
Загружаем в какую-нибудь соцсеть, которая не меняет цветовой профиль у прикрепленного изображения. В LinkedIn работает, например.
Существуют HDR изображения, и в них есть nit. Это единица яркости экрана, то есть пиксели с высоким nit в HDR будут гореть ярче остальных.
Критично, чтобы:
— Ваш дисплей поддерживал HDR;
— Браузер поддерживал HDR (хром и сафари поддерживают);
— Устройство не находилось в режиме экономии батареи (в этом случае поддержка HDR отключается).
Чтобы такое сделать понадобится графический редактор поддерживающий работу с HDR (Photoshop). В редакторе устанавливается цветовой профиль, поддерживающий HDR. Подойдет Rec.ITU-R.2100 или Rec.ITU-R.BT2020
Подбираем ядреный цвет, чтобы там была высокая сатурация, но ближе к белому. Потому что темные цвета такого эффекта не дадут.
Можете использовать следующие:
#ff4e51 красный
#7ffffa голубой
#ff2bd6 розовый
#7cff00 зеленый
#e8bb57 оранжевый
#fffa6f желтый
Готовое изображение экспортируем в PNG, ставим галочку «Встроенный профиль», чтобы цветовой профиль прикрепился к изображению.
Загружаем в какую-нибудь соцсеть, которая не меняет цветовой профиль у прикрепленного изображения. В LinkedIn работает, например.
❤🔥3
https://observablehq.com/@mthh/hello-dicopal
цветовые палетки для инфографики и прочего датавиза. Собрали в одном месте всё, что принято использовать.
цветовые палетки для инфографики и прочего датавиза. Собрали в одном месте всё, что принято использовать.
Observable
Hello, dicopal
Dicopal offers discrete color palettes (hundreds of them!) for JavaScript. These palettes come from: Colorbrewer2 Fabio Crameri's Scientific Colour Maps CARTOColors cmocean Light & Bartlein Matplotlib MyCarta Tableau The Wes Anderson Palettes blog Masataka…
Если вы не знали, что, чтобы отменить подписку на Adobe и избежать нелепой платы за отмену, вы можете сначала перейти на другой тарифный план, а затем отменить его.
http://www.identifont.com/differences.html
инструмент для сравнения двух шрифтов. Не откровение, но иногда может быть полезен
инструмент для сравнения двух шрифтов. Не откровение, но иногда может быть полезен
9780192679741_web.pdf
113 MB
Introduction to Human-Computer Interaction
Требуется дизайнер уровня middle+:
1) разработать с нуля дизайн сайта consultancy services. Готового стиля нету, поэтому создание стиля входит в задачу.
2) вторым этапом разработать образовательный портал под этот же бренд
3) и третья задача это разработка брендбука и лого. Название есть. В остальном у вас полная свобода.
Портфолио обязательно. Писать можно напрямую мне @yourscorpion
1) разработать с нуля дизайн сайта consultancy services. Готового стиля нету, поэтому создание стиля входит в задачу.
2) вторым этапом разработать образовательный портал под этот же бренд
3) и третья задача это разработка брендбука и лого. Название есть. В остальном у вас полная свобода.
Портфолио обязательно. Писать можно напрямую мне @yourscorpion
https://stitch.withgoogle.com/
обновили. Может сразу сделать прототип в фигме.
альтернатива - https://mowgli.ai/
обновили. Может сразу сделать прототип в фигме.
альтернатива - https://mowgli.ai/
Stitch
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.