— Pixels Commander

[ In English, На русском ]

WebGPU — сменщик WebGL, новый API для работы с графическим ускорителем в браузере и появится в публичном Chrome в начале 2022 года. По сравнению с WebGL он обещает лучшее быстродействие и лучшую совместимость с последними моделями видеокарт, но самой большим нововведением WebGPU является специальный функционал для вычислений на GPU.Matrices multiplication WebGPU vs WebGL

Read More

Вы наверно заметили что последние 2 года я не писал в блоге. Извините, я был занят этим исследованием. Давайте сразу договоримся — это не типичная tech статья для демонстрации технических решений (хотя какие-то интересные детали реализации вы тут найдёте). Это — исследование с целью показать, что новые технологии не рвут связь времен и вещи кажущиеся несовместимыми, находящиеся в невообразимо далеких культурных координатах все равно могут касаться и прикосновение это красиво, несет добро. Для меня лично это исследование особо значимо. История началась десять лет назад, когда друг — буддист предложил сделать мобильное приложение для молитвы. Так поднялось огромное количество вопросов на которые стоило найти ответ прежде чем можно было бы ответить на главный: «Может ли компьютер молиться во благо всех живых существ?”

Хотите спойлер? Результат тут. После загрузки страницы компьютер будет молится за вас в соотвествии с догматами тибетского буддизма. Как так? Читайте дальше…

Read More

В свое время шейдеры перевернули мир игровой графики и теперь они готовы перевернуть Web. Шейдеры - небольшие программы на сиподобном языке GLSL (OpenGL Shading Language) которые позволяют описывать состояние вершин (вершинные шейдеры) или пикселов (пиксельные шейдеры) в контексте OpenGL (или WebGL) с помощью математических функций. GLSL компилируется и выполняется на GPU с беспрецендентной для HTML/CSS производительностью. Как правило шейдеры применяются для разработки игр и компьютерной графики, а использование их в UI компонентах незаслуженно обходится стороной. В данной статье рассматривается опыт использования GLSL при разработке Web приложений.

Read More

Изоморфизм — возможность исполнения одной и той же базы кода на сервере и клиенте. Своим появлением он обязан возможности исполнять серверный JS с помощью Node.js, а по настоящему популярным стал благодаря распространению React. На данный момент изоморфизм — один из самых горячих и востребованных трендов Web разработки и это лучшее время что бы оценить последствия его появления, рассмотреть изоморфизм как ступень к совершенно новым архитектурам и решениям. В этой статье рассматривается одно из них — виральный Javascript применяемый для P2P распространения Web приложений.

Read More

Сталкивались ли вы когда — либо с задачей растеризации HTML контента в браузере? Вероятно нет, но это не причина прекращать чтение статьи. Интеграционное тестирование, создание миниатюр страниц, отложенная/удаленная печать содержимого, GPU рендеринг — вот небольшой список задач которые требуют конвертации HTML блока в изображение. Рано или поздно вы встретите их в своих проектах. Давайте рассмотрим имеющийся инструментарий и подходы используемые для растеризации, поймем актуальные проблемы этой области и подумаем о лучшем методе растеризации.

Read More

В последнее время в среде веб разработчиков активно развернулась дискуссия на тему «DOM — это медленно». Этот тезис действительно справедлив. Любое изменение DOM создает волну событий по всему документу и если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимациях и всячески расстраивает пользователей и разработчиков.

Read More

Jet Propulsion Laboratory — научное учреждение выполняющее большой объем разработок и исследований для NASA. На счету JPL такие известные миссии, как марсоход Curiosity и недавно покинувший пределы солнечной системы зонд Voyager. JPL разрабатывала программное обеспечение для большинства беспилотных миссий по изучению дальнего космоса и других планет при этом высокая степень автоматизации зондов и длительность миссий обусловили бескомпромиссные требования к качеству программ. В результате сформировались рекомендации по написанию кода которые впитали фантастический опыт инженеров NASA и недавно были опубликованы. Так как требования к программам выполняемым на web — платформе постоянно растут и ей доверяются все более критические задачи давайте применим стандарты кодирования NASA для JavaScript / HTML приложений ради увеличения производительности, надежности и во имя лучшего мира.

 

Read More

В современной JavaScript разработке довольно остро стоит вопрос повторного использования кода и композиции проектов. Замечательным способом композиции является использование web-components, однако на текущий момент это требует большого количества полифилов, что снижает надежность и быстродействие. ReactiveElements предлагает использовать React.js для описания веб-компонент, избавиться от большинства полифилов и использовать реактивные веб-компоненты уже сегодня.

UPD: Вы можете создавать веб-компоненты из Backbone и Angular вью с помощью  MVC Elements

Read More

Вращение — обыкновенная магия. Это эффект, который может превратить скучную веб страницу в куда более интерактивное пространство. Не смотря на это, вращение было обделено вниманием с момента его добавления в CSS. Propeller.js — JavaScript библиотека позволяющая вращать HTML элементы мышью или тач жестами.

Rotate elements by mouse or touch

Read More

Отзывчивые изображения повсеместно используются при разработке веб — приложений и страниц. Очень часто они имеют больший размер, чем нужно для текущего разрешения экрана.

Read More

Доброго дня, коллеги! Еще одного доброго дня который быстро промелькнет, уйдет в прошлое и подарит миру еще один шаг вперед. Какой будет завтра фронтенд разработка к которой мы идем, делая посильный вклад в развитие открытой платформы?

Read More

Эксперимент в двух направлениях: в первую очередь по связке свободного визуального творчества с творчеством музыкальным, во вторых – технически фанкифон использует достаточно новый WebAudio API для генерирования звука на JavaScript в реальном времени.

Read More