skyANAХм, ты на сайт, что в статье оптимизировался, заходил? Где ты предлагешь там графику задействовать?

Заходил.

Пример счётчика на движке веб-графики: http://raphaeljs.com/polar-clock.html

Никаких траблов с репаином и рефлоу, в том числе с float.

skyANAИ куда ты его предлагаешь вкорячить? Каким образом?

Сегодня уже диковато видеть флеш-вставки, не правда ли? А ведь буквально чуть ли ни вчера, флешом был удобрен чуть ли не каждый второй сайт. Делали даже флеш-кнопки взамен <button>, навигацию, всплывающие окна, калькулятор, часики, погоду... Куда вкорячить это уже дизайнер решает, а вот реализовывать можно с использованием векторной графики и анимации, вместо йопли с DOM/CSS2/3

skyANA,

Я поднял эту тему, чтобы донести мысль о том, что полотно, где рендерится графика независит от DOM и всё что внутри происходит, не влияет на дерево. По статье видишь, как человеку пришлось раскорячиться, поменять порядок колонок, скрипя зубами отделаться от float.. Считаешь оно того стоит? Вот так епстись? Воткнул полотно куда надо, и рисуй-анимируй что хочешь, как хочешь. Вот я о чём.

skyANAhVostt, у вас в проекте как? Захотел, воткнул Mithril, другой захотел и воткнул Reactor? А кто-то везде jQuery использует?

Нет конечно. Используется имеющийся опыт, имеющиеся наработки, выбираемые решения согласовываются и утверждаются. Также есть место для экспериментов. Например, на Mithril уже написан небольшой веб-тул для одной системы. Пройдёт обкатку, будет согласовано, будем использовать повсеместно. Мы не сидим на месте, иначе бы компания заржавела. Одно дело разрабатывать сто лет одно и тоже приложение/комлекс, другое дело постоянно выпускать что-то новое, работать на заказ. Немного разные подходы.

skyANAМне видится только один путь - разработка собственного SDK.

Смотря что разрабатываешь и какие задачи решаешь. Делаешь CMS на весь мир, конечно нужен SDK. Делаешь решение под клиента, за SDK доплачивать никто не будет.

skyANAhVostt, окей. Как и где вы используете Raphaël?

Когда нужна анимация, используем. Много живых графиков на рафике. Счётчики типа countdown, те же купонные, тоже на рафике. Пока не жаловались. Придерживаемся правила CSS3 анимацию использовать только для UX, но не в качестве самостоятельной анимации. Ещё сейчас много WebGL и 3D графики, бизнес-приложения уже почти как полноценные игрушки.

skyANAПокажи купонные счётчики, сколько их на странице? А в 2010 что использовали?

В 2010 веб-графикой плотно не занимались, эту область только сейчас начали осваивать буквально год.

Boneshockа как выбирали? по принципу "новая штука - надо попробовать" или из-за скорости Mithril'а, как я понял это его основная фишка
Поделись плз впечатлениями по сравнению с другими mv*, интересуют больше негативные моменты

Некоторую часть времени мы уделяем исследованиям, экспериментам. Всё новое тащить тоже не резон, просто выбираем перспективные вещи и направления, и пробуем их. Если получается достичь прорыва, то берём в оборот. Mithril один из таких вещей. Негативные моменты: молодой, активно разрабатывается, так что имеют место быть недоработки, небольшие баги, изменчивое АПИ. Мало инструментария и пока никакой поддержки со стороны средств разработки. Также не существует вразумительного транслятора HTML-шаблонов в компилируемые Mithril-шаблоны -- верстальщика тяжело заставить писать вёрстку в JS, а у программеров и своих делов хватает, чтобы делать трансляцию вручную. Но в целом, его скорость сильно перевешивает эти недостатки. Поэтому мы его уже заюзали. И планируем в дальнейшем протащить в крупный проект. У Ангуляра же есть вполне осязаемый порог сложности, который мы уже достигли. Конечно мы и от него добились приемлемой скорости, но трудозатраты при этом достаточно большие. Наши клиенты хотят видеть "как в айфоне": 0 тормозов, всё "плавненько", и при этом работать с большим объёмом данных, "сразу и сейчас", наша задача обеспечить эти требования вменяемой реализацией.

skyANAВот, мы подошли к такому моменту, что есть у нас рабочий код, что выводит на странице 60 однотипных компонентов.

Что это за компоненты? UI? Я к тому, что нет смысла, к примеру, дата-пикер делать на рафике.

skyANAИ вот надо в 2014-м году в них заменить небольшую часть на Raphaël. Как это прозрачно сделать? Как потом проверить, что стало лучше по каким-то показателям?

А что именно вы собираетесь заменить? О чем идет речь, это графики? Анимация? Векторная графика? 3Д? Карты? Визуализация процессов? Хотябы примерно скажи о чём идёт речь.

skyANAОсобенно в случае, когда "делаешь решение под клиента, за SDK доплачивать никто не будет".
И за тесты на QUnit или Jasmine небось никто никогда не доплачивал.

Так тесты это э часть разработки. Тесты нужны нам, а не клиенту. Тесты нужны, чтобы не облажаться. Клиенту в общем-то пофиг есть ли тесты и какой там уровень покрытия. Так что сравнение не совсем корректное.

skyANAТам на странице выводится 60 компонентов, каждый из которых отображает информацию о конкретной акции (предложению).
Ты предлагаешь вместо того, что было сделано в 2010, взять и воткнуть счётчики на Raphaël-е внутрь каждого компонента.

По сути канвас это та же картинка. Никого же не напрягает большое количество изображений на одной странице?

Вот вся страница на канвасе http://www.irunmywebsite.com/raphael/SVGTOHTML_LIVE2.php

Выглядит уродливо, но это уже к дизайнеру

Куча раздельных элементов на одной странице: http://codepen.io/failure13/pen/pLCaG

А что значит лучше? С точки зрения дизайна явно лучше, так как возможностей для художественного выражения мысли гораздо больше, также больше возможностей с точки зрения разработки. Лучше или не лучше, это можно проверить А/В тестами, или прямо спросить у пользователей, если есть такая возможность.

Вообще возможности в этой области безграничны, посмотри на это демо http://ghv.artzub.com/#repo=d3&climit=100&user=mbostock

и спроси меня ещё раз о проблеме вывести счётчик на паре десятков купонов на одной странице

skyANA Angular VS Knockout VS Ember VS React VS Mithril VS Mercury VS Ractive

Что-то в разных ревизиях, разные результаты. Где-то Mithril круче всех, где-то Angular :)

Похоже кто-то среди разработчиков FF подрабатывает на стороне