Компания Samsung объявила, что 20 октября в 17:00 МСК проведет презентацию Galaxy Unpacked Part 2. Не исключено, что вместо новых смартфонов Galaxy компания представит итерации существующих.
Институт цвета Pantone объявил цвет 2023 года — Viva Magenta
2 мин
Институт цвета Pantone объявил цвет 2023 года, которым стал карминово красный 18-1750 Viva Magenta. По словам представителей организации, это «смелый, бесстрашный и пульсирующий» цвет.
В Figma появилась поддержка цветового пространства P3
1 мин
Figma рассказала в своём профиле Twitter о начале поддержке цветового пространства P3. Также на сайте компании опубликовали инструкцию по переходу с sRGB и активации Display P3.
В Google AI показали оцифровку запахов при помощи молекулярных карт
4 мин
Специалисты подразделения Google AI Research рассказали о способе оцифровки запахов путём создания молекулярных карт. Они представили «основную карту запаха» (POM), которая даёт векторное представление каждой пахучей молекулы в пространстве.
Эксперты iFixit рассказали, почему MacBook Pro M3 собирает меньше отпечатков пальцев
2 мин
Сотрудники компании по ремонту гаджетов iFixit детально изучили MacBook Pro на базе чипов линейки M3. Компания опубликовала видео с разбором устройства и объяснением того, почему новый цвет Space Black собирает меньше отпечатков пальцев.
Microsoft Edge прекращает поддержку устаревших свойств для высококонтрастных тем
2 мин
В Microsoft Edge обновили настройки стилей веб-сайтов в зависимости от предпочтений пользователя в отношении цвета и контрастности в Windows.
HDR-видео в SDR и 709 но красочное! ffmpeg
Средний
3 мин
Туториал
HDR-видео — это технология отображения яркости и цветов в видео, которая появилась в 2014 году. HDR дает возможность представить значительно более яркие блики, более тёмные тени, больше деталей и более красочные цвета. НО… Большинство однако является стандартный динамический диапазон или SDR, и цветовое пространство Rec. 709. Поэтому я буду делать SDR. Но из HDR-видео в hable! Причем я буду делать zscale=primaries=2020 и zscale=transfer=linear:matrix=709
Что это дает? Более красочное видео! Вот обычное видео в SDR «Доктор Стрэндж В мультивселенной безумия» 2022 года.
А вот из HDR-видео.
Что это дает? Более красочное видео! Вот обычное видео в SDR «Доктор Стрэндж В мультивселенной безумия» 2022 года.
А вот из HDR-видео.
Недостижимая планка, или достижимая?
Средний
4 мин
Туториал
Три тысячи лет желаний
HDR-видео — это технология отображения яркости и цветов в видео, которая появилась в 2014 году. HDR дает возможность представить значительно более яркие блики, более тёмные тени, больше деталей и более красочные цвета. НО… Большинство однако является стандартный динамический диапазон или SDR, и цветовое пространство Rec. 709. Поэтому я буду делать SDR. Но из HDR-видео в hable! Причем я буду делать zscale=primaries=2020 и zscale=transfer=linear:matrix=709
Что это дает? Более красочное видео!
Все это можно и нужно и очень просто на ffmpeg.org/download.html
Я сейчас Windows EXE Files. Поэтому www.gyan.dev/ffmpeg/builds/packages/ffmpeg-7.0.2-full_build.7z
Всего нужно один файл ffmpeg.exe и создать a.cmd в который мы его напишим!
Сначала напишем «Три тысячи лет желаний» 2022 года.
Цветные функции: ищем плохие архитектурные паттерны
6 мин
Когда у языка нет цветовой дифференциации функций… то у языка нет цели?
Я уже много лет занимаюсь компиляторами и языками в целом. Хочу поделиться интересной мыслью, которая когда-то пришла мне в голову. Почему-то такого я нигде не видел.
Если немного расширить понятие функции (ввести атрибут «цвет»), можно описывать паттерны вида «вызывать логгер из performance-critical мест — это плохо» или «ходить в базу при рендеринге шаблонов запрещено».
Идея абсолютно не зависит от языка и применима к любому: хоть JS, хоть Go. Разберу её подробно в статье, и это будет интересно больше с теоретической точки зрения. Хотя мы даже сделали практическую реализацию для PHP, чтобы использовать у себя. Ссылки на GitHub и видео приложу в конце, а пока обо всём по порядку.
Случайное открытие: плазма и сверхчерная древесина
10 мин
Цвет играет огромное значение в окружающем нас мире. Для представителей флоры и фауны цвет может служить как инструментом привлечения внимания, так и отпугивания. В науке цвет также используется в различных областях, от оптики до инженерии. Некоторые виды цвета куда ценнее, чем другие, ввиду их свойств. Ученые из университета Британской Колумбии (Ванкувер, Канада) проводили эксперименты с плазмой в попытках сделать дерево менее водопроницаемым, однако их работа привела к неожиданному результату — сверхчерному материалу, поглощающему практически весь свет ультрафиолетового и видимого спектра. Как именно произошло это случайное открытие, какими свойствами обладает полученный материал, и где он может быть применен. Ответы на эти вопросы мы найдем в докладе ученых.
Новая версия Хабра. Ещё не всё потеряно, ещё не всё?… (часть первая)
22 мин
Туториал
TL;DR — разбираю новую версию Хабра. В статье много текста и изображений.
В прошлом году наш любимый Хабр получил новый дизайн и целый ряд важных изменений и улучшений. Связанные они с оптимизацией работы команды и желанием предоставить пользователям лучшие условия. И если к улучшениям особых претензий нет, то вот дизайн пришёлся по вкусу не всем, в том числе и мне. И дело тут даже не в самом факте, что что-то изменилось, а в реализации этих самых изменений, влиянии их на уже сложившийся пользовательский опыт и удобстве использования.
Многие уже высказывали свои замечания, но всё они сводились больше к эмоциональной критике чем конструктивной. Я же подошёл к вопросу более основательно, разобрал спорные моменты на примерах и дал советы, как сделать лучше. А что из этого получилось, узнаем далее.
Как сделать удобную дизайн-систему. Цвета. Часть 1
3 мин
Дизайн-система позволяет быстро взаимодействовать с компонентами, легко вносить изменения во все макеты и в целом прививает дизайнеру навык организации больших объемов информации.
Зачастую, дизайнер начинает делать дизайн-систему аккуратно, придавая ей должное внимание. Но в по мере увеличения экранов становится, как мне кажется, морально труднее вносить новые компоненты и корректировки. Но помните одну вещь - чем больше времени уделить дизайн-системе, тем больше времени она сэкономит в будущем.
Основное правило дизайн-систем: чем меньше компонентов — тем лучше и вам, разработчику и конечному юзеру. Это касается количества цветов, шрифтов, иконок и так далее. Дизайн будет выглядеть более консистентным и единым.
Игра с «материальными» цветами стала ещё проще
2 мин
Recovery Mode
Не так давно вышла пятая по счёту версия Android, к которой разработчики системы подошли весьма кардинально. Было обновлено и добавлено множество функционала и API. Но для пользователей и разработчиков релиз всё таки наиболее отличился своим редизайном. Дизайнеры из Google быстро покорили сердца пользователей новым Material design.
Ubuntu 9.10 и болезнь «голубого экрана»
1 мин
Собрался я тут посмотреть кино в обновленной убунте, а получил довольно психоделичную картинку (к конкретному концертнику такие цвета конечно подходили еще как, но я почувствовал, что что-то тут не так).
Стилизация iOS-приложений: как мы натягиваем шрифты, цвета и изображения
3 мин
Туториал
В ходе работы над мобильным приложением разработчики получают от дизайнеров макеты, шрифты и изображения. Преобразование этих материалов в код — нудное занятие, да и в процессе каждый норовит изобрести свой велосипед. Чтобы проекты оставались чистыми, мы приняли единую конвенцию по работе со стилями.
Поиск цветов от Яндекса или «Цвет кожи буйвола»
1 мин
Сегодня случайно использовал Яндекс для поиска таблицы кодов цветов и обнаружилась интересная деталь
Значение цветов в различных культурах
1 мин
Все знают, что в различных культурах цвета могут восприниматься по разному — представляю перевод инфографика, который описывает значения цветов для разных культур.
Про цвета и input'ы
2 мин
Вступление
Привет, Хабр!
Это мой первый хабратопик. Надеюсь, его прочитает хотя бы полтора верстальщика. Если после этого хотя бы один сайт станет лучше, я буду очень рад.
Ничто не предвещало беды
Как и любой слегка красноглазый линуксойд, я люблю экспериментировать. До сборки релиз-кандидатов ядра и ковыряния в экзотических оконных менеджерах дело не дошло, но в поисках приключений я все же пересел на тестовую ветку моего дистрибутива, что привело к переезду на четвертую версию КДЕ.
Несколько месяцев до переезда я присматривался к новым кедам в виртуальной машине, игрался с плазмой и новым оформлением. В один прекрасный день решил я попробовать темную цветовую схему «Wonton Soup», да так на ней и остался, хотя всю жизнь использовал светлые схемы.
Суровая реальность
Все было замечательно, плавные градиенты радовали глаз, мелкие шероховатости были уничтожены опытными руками и напильником. Но осталась одна глобальная проблема, с которой сталкиваются все пользователи темных цветовых схем: дизайнеры и верстальщики абсолютно не задумываются над тем, что кто-то может использовать нестандартные темы. Оформленные в светлых тонах страницы сами по себе не страшны, если постоянно не переключаться с темных страниц на светлые.
Неприятности появляются при сочетании двух факторов:
- браузер использует системные стили и цвета для input'ов на страницах. Абсолютное большинство современных браузеров именно так и поступает для лучшей интеграции в окружение
- верстальщик прописывает в CSS свой цвет текста для полей ввода, кнопок или списков, но оставляет дефолтный фон. Либо наоборот, меняет только цвет фона
Но в темных схемах может случится конфуз, и мы увидим темно-серый текст на темном же фоне. Т.е, ничего не увидим.
Доска позора
Приведу скриншоты с некоторых популярных сайтов, посещение которых вызывает у меня желание послать луч ненависти верстальщикам.
getColor.ru — online color picker, позволяющий обмениваться цветами
2 мин
Наверное не ошибусь, если скажу, что большинство полезных решений появляется только благодаря возникновению каких-либо трудностей. О паре таких трудностей и одном замечательном сервисе, который может избавить вас от них, прямо сейчас.
Color picker
Многим должна быть до боли знакома ситуация, когда внезапно требуется HEX-цвет на полтона темнее или, скажем, бирюзовее, чем есть сейчас.
Если вы до сих пор не умеете представлять точный RGB-цвет в голове — вам не обойтись без color picker’а, который сделает эту работу за вас.
Лично я знаю только три вменяемых варианта, где можно взять color picker:
- Отдельная программа, специально предназначенная для этого;
- Практически любой графический редактор;
- Online-сервис
Надеюсь, утверждение, что онлайн-сервис является самым простым решением, не вызовет ни у кого сомнений — количество символов в каждом пункте тому свидетель.
О соответствии цветов информации в веб-разработке
1 мин
Это будет короткая заметка о том, насколько важно давать информацию посетителям не просто текстом, но и выделять ее цветом, и насколько плохо получается когда информация выделена неверно.
Грамотное выделение информации — отличный способ облегчить навигацию по сайту и дать возможность быстрее найти необходимую информацию. Практически это может быть сделано как в виде изображений (например, по знаку вопроса можно быстро найти какую-то справочную информацию), так и в виде выделения цветом.
Покажу наглядный пример, как можно существенно облегчить навигацию по сайту, используя цветовое выделение, и как можно ее запутать, если сделать это неправильно.
Грамотное выделение информации — отличный способ облегчить навигацию по сайту и дать возможность быстрее найти необходимую информацию. Практически это может быть сделано как в виде изображений (например, по знаку вопроса можно быстро найти какую-то справочную информацию), так и в виде выделения цветом.
Покажу наглядный пример, как можно существенно облегчить навигацию по сайту, используя цветовое выделение, и как можно ее запутать, если сделать это неправильно.