С выходом новой операционной системы, у Microsoft изменились приоритеты в дизайне - теперь у интерфейса появились анимации, да и в целом он стал менее острым. В данной статье я поделюсь некоторыми нововведениями, с которыми столкнулся в процессе работы с WinAPI.
Пользователь
Погружаемся в CSS: как использовать :where ()
Функция :where()
помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset. В статье разберёмся, как это работает, и посмотрим на примеры использования.
Культура совещаний: почему Amazon ставит документ во главе всего
Привет, Хабр! Меня зовут Александр Попов, я PR-директор МойОфис. Еженедельно в моем рабочем графике бывает до 30 совещаний. Проведение встреч, а также подготовка к ним, забирают много сил и времени. С целью научиться эффективнее расходовать свои ресурсы, я решил исследовать глобальный опыт: во многих крупных компаниях сегодня принят нестандартный формат совещаний.
Одними из первых, еще в начале нулевых годов, культуру собраний пересмотрели в Amazon. Тогда в компании отказались от презентаций, вместо них на встречах стали активно использовать текстовые документы. С тех пор за их внимательным чтением сотрудники обсуждают актуальные проблемы, гипотезы, цифры, графики и факты, а затем принимают решения.
Под катом я предлагаю вам перевод статьи одного из специалистов Amazon — Джастина Гаррисона*, Sr. Developer Advocate из AWS Container Services. Автор рассказывает о конкретной пользе для рабочего процесса, которую обеспечивают «документоцентричные» совещания. А еще объясняет, на что именно следует обратить внимание, если вы планируете внедрить подобную практику в своей компании.
*Позиция автора не всегда может совпадать с мнением МойОфис.
Разбираем алгоритмы компьютерной графики. Часть 3 – анимация «Пламя»
Рассмотрим алгоритм рисования простейшего пламени. Придуман он довольно давно и использовался в огромном количестве демо и игр.
Основы и практика CSS Grid Layout: как использовать двумерную раскладку для повседневных задач
Наш фронтенд-разработчик Данила Абрамов @DanilAbr подготовил материал для новичков и практикующих разработчиков, у которых не было возможности разобраться с Grid. В первой части статьи — основные CSS-свойства и принципы раскладки, без которых невозможно понять Grid. Если вы знакомы с основами, переходите сразу со второй части — там примеры решения реальных задач.
Как работает перспектива в изображениях?
У вас когда-нибудь было такое: вы фотографируете какую-то далёкую сцену, а на фото она выглядит слишком маленькой по сравнению с её окружениями?
Комикс Мег Адамс
В этом посте мы поговорим о том, как возникает это явление, и что мы с ним можем сделать.
Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов
Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля. Подходит новичкам.
Почему окружения World of Warcraft столь привлекательны?
У меня есть свой способ определения ценности книги — не только так называемой литературной работы, но и любой книги, или если на то пошло, любой музыкальной композиции или так называемого произведения искусства. Говоря доступным языком, я сужу о ценности книги по тому, насколько долго эта книга остаётся в моей голове […] (Murnane 2021, 9)
– Джерард Мурнейн
Как и у многих людей моего возраста, существенная часть ощущаемой мной ностальгии относится к виртуальным мирам — мирам видеоигр моей молодости. В наибольшей степени это, вероятно, World of Warcraft, содержащий в себе леса, горы, джунгли, пустыни, равнины, болота, пустоши и многое другое. Кажется, прошло полтора десятка лет с того момента, когда я играл в него в последний раз, но всё равно время от времени он вспоминается мне не как мучительный повседневный гринд или постоянные бои, а как исследование мира и поглощённость им.
Меня очень захватывали ландшафты Warcraft, они вызывали сильное чувство интереса и стремления. [Я сказал захватывали, потому что очень давно не играл в игру, но должен сказать, что помню их такими. Вполне возможно, они были лишь фоном для приятных ощущений и воспоминания о них смешались с удовольствием, создавав впечатление привлекательности. Кто знает?]
Почему? Что давало им такую привлекательность? Помня о расплывчатости подобных вопросов, я не буду заявлять, что мой ответ будет полным и определённым, но всё-таки попытаюсь его найти.
Material You: раскладываем по полочкам обновление дизайн-системы Material
Персонализация смартфона, свежая палитра цветов Material, обновлённые компоненты — от кнопок до диалогов.
Всё это — про Material You, новую дизайн-систему от Google для мобильных и веб-приложений! Разбираем новую систему цветов и все нововведения Material.
Несложные оптические трюки со смартфоном: голограмма и проектор
Для начала, рассмотрим два забавных DIY-трюка с использованием смартфона. Для них не требуется почти никаких дополнительных компонентов, а те, что есть, стоят недорого. Всё работает, голограмма парит в воздухе, проектор выводит изображение, в приемлемом качестве. Работа предстоит с бумагой, ножницами, клеем.
В качестве руководства будем использовать видеолекции курса «Galaxy Upcycling – новая жизнь старого смартфона» который можно посмотреть на YouTube канале «IT ШКОЛЫ Samsung». Курс подготовлен российским Исследовательским центром Samsung (Samsung Research Russia) сотрудником которого я являюсь. При создании курса было решено двигаться в сторону образования и экспериментов. Основу курса составляют практико-ориентированные занятия с обучающими примерами, объясняющими, как превратить старый гаджет на платформе Android в новое устройство: мини-проектор, часы, умную гирлянду и т.д.
Два видеоруководства, разобранные в этой статье, пригодятся и педагогам: каждая поделка собирается за один-два школьных урока и для домашних занятий родителей с детьми. Хотя что там дети, такой мастер-класс отлично зайдет и для взрослых - поработать руками и включить мелкую моторику оказалось неожиданно приятно и полезно.
Поехали!
Не стоит бояться теней
Мы любим своих дизайнеров за то, что они придумывают нам такие классные и красивые кнопки. Но нарисовать кнопку может каждый, а как насчёт тени от кнопки? Я расскажу, как мы решили задачу с тенями для наших контролов и сделали для нашей дизайн-системы не одну, а целых семь теней.
Вам посылка, или Как мы доставляем сообщения с сервера на клиент в реальном времени
Меня зовут Алексей Комаров, я — старший frontend-разработчик в SuperJob. Хочу поделиться опытом реализации механизма обновления данных в реальном времени у нас на сайте. Под катом — подробности о выборе подхода, о проблемах, с которыми мы столкнулись при разработке, о наших кейсах оптимизации клиентской стороны и, конечно, немного кода и наглядных схем.
Как я удалённо работал в ИТ компании из Швейцарии и почему в конце концов уволился
Первое, что себе представляют люди, когда речь заходит о Швейцарии это умопомрачительные виды гор с прагматично-гармонично вписанной архитектурой, вероятно так оно и есть, но мне этого увидеть не довелось, поскольку вся история произошла в 2021 году в период эпидемии. Итак, обо всём по порядку. Шла очередная COVID волна, все сидели на удалёнке и мысль о том, чтобы работать и путешествовать не покидала мой пытливый инженерный ум.
Текущее место работы в крупном российском зелёном банке, накладывало ограничения на передвижения и удалённую работу, вплоть до сообщения домашнего адреса, мониторинга транзакций по зарплатной карте (покупки не далее пешей доступности от дома в обед), мониторинг IP-адреса, используемого для подключения к офисной сети. Как мне кажется, тут был небольшой перегиб в сторону контроля, да это всё решаемые нюансы - можно снять наличные, купить VPN с нодой в России, сообщить IP адрес мобильного оператора - но риски проколоться всегда есть и вдобавок всегда была вероятность срочного выхода в офис, так что, находясь где-то в солнечном Тайланде, оперативно появиться на утро в офисе было бы большой проблемой.
Высокоточная навигация GNSS RTK
Демонстрации возможностей микросхем ZED F9P. Это примёмник GNSS с возможностью высокоточной навигации по технологии RTK.
Я решил самостоятельно оценить точность измерения координат.
Подводные камни бенчмаркинга в .NET: фрагмент книги Андрея Акиньшина
Андрей Акиньшин @DreamWalker хорошо известен в .NET-сообществе: он мейнтейнер BenchmarkDotNet и perfolizer, член программного комитета нашей конференции DotNext, автор книги Pro .NET Benchmarking о том, как правильно бенчмаркать.
А теперь эта книга есть и на русском языке — ее перевод подготовило издательство «Питер». Сделаем важную оговорку: переводил не сам Андрей, так что русскоязычная терминология может отличаться от той, которую выбрал бы он, и «каноническим авторским вариантом» по-прежнему остаётся англоязычный. Но наверняка для многих важна сама возможность прочитать это на родном языке, поэтому с любезного разрешения Андрея и издательства мы публикуем на Хабре фрагмент перевода.
В книге много сказано о бенчмаркинге в целом, поэтому она может быть полезна для самых разных разработчиков, но мы приведём фрагмент о том, что специфично для .NET.
HSLuv — удобное цветовое пространство для разработчиков
Проблема традиционных цветовых пространств
Традиционно в IT используются RGB или HSL.
Основная проблема этих цветовых моделей заключается в том, что они нелинейны с точки зрения человеческого восприятия.
RGB
Для примера возьмем равномерные ступенчатые градиенты RGB цветов.
- градиент красного — это цвета
#000
,#100
,#200
,#FEE
,#FFF
и т.д.; - градиент зеленого — это цвета
#000
,#010
,#020
и т.д.; - градиент синего — это цвета
#000
,#001
,#002
и т.д.; - градиент желтого — это цвета
#000
,#110
,#220
и т.д.; - градиент голубого — это цвета
#000
,#011
,#022
и т.д.; - градиент пурпурного — это цвета
#000
,#101
,#202
и т.д.
Мы можем увидеть несколько вещей:
- Яркость цветов увеличивается неравномерно: чем оттенок ближе к белому цвету, тем изменение яркости меньше;
- Яркость разных цветов различается: синий намного темнее остальных;
- Насыщенность также неравномерна: синий и красный выглядят «ненасыщенными» в правой части градиента.
Хорошо, RGB — это способ визуализации пикселей, да и разрабатывалась эта модель не для удобного «управления» значениями.
Создание красивых градиентов на CSS
Заметили, что в центре он становится бледным и грязным?
Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая обесцвеченная часть посередине.
Однако, как оказалось, можно полностью избавиться от мёртвой зоны серого. В этом посте я расскажу, почему она возникает, и о том, как можно использовать теорию цвета для создания насыщенных, ярких градиентов, «живых» по всей своей длине.
Разработка приложения редактирования отзывов в Power Apps на базе связанных списков Sharepoint
В данной работе создадим приложение с вложенным списком и на его примере рассмотрим функционал и возможности Power Apps при наличии связей между таблицами с данными. Для удобства пользователей данные из двух списков будут одновременно отображаться на одном экране.
В качестве решаемой задачи будет реализовано приложение для редактирования отзывов оставленных клиентами ReviewSP для наших специалистов AccountSP.
Лучшие тренды веб-дизайна и UI на 2022 год
Осторожно, статья очень «тяжелая», в ней много анимации (да, это один из трендов). Кликать на свой страх и риск!
Был ли 2021 год лучше 2020-го? Однозначно да — если мы говорим о UI/UX дизайне. Были созданы новые крутейшие сайты и приложения, выпущено новое ПО для графических дизайнеров. Творчество било ключом. И даже отобрать лучшие тенденции года в этот раз было трудно.
Когда дизайнеры вынуждены сидеть дома, они создают больше и успевают глубже задуматься над тем, что уже существует. Скука — злейший враг художника, и он приложит немало усилий, чтобы избавиться от нее.
Для остального мира, конечно, 2021 год был довольно сложным. Зато самая старая из ныне живущих кошек отметила свое 34-летие :) Это, наверное, самое хорошее из того, что произошло. Милейшую мордочку этой кошки вы найдете в конце статьи (на свои года она совсем не выглядит).
CSS Анимация с вариативным шрифтом
В процессе изучения некоторых супер-способностей CSS, моё внимание привлекли вариативные шрифты. В этой статье я покажу как их можно использовать для анимации начертания шрифта и дам краткий обзор последних дополнений CSS.
Information
- Rating
- Does not participate
- Registered
- Activity