Ну, фрезерный станок подразумевает высокие усилия удержания. А в линейном двигателе это будет самое сложное. Скорее всего даже небольшое усилие приведет к дрожанию якоря, как этого избежать - интересный вопрос.. В общем, линейный двигатель больше подошел бы для лазерной резки или чего-то подобного.
Dimensi: Используйте flexbox, тогда не нужны будут хаки с нулевым размером шрифта. Отступы - результат использования inline-block, если возможно использовать flexbox, то лучше все делать на нем.
В некоторых случаях - стоит, в некоторых нет. Зависит от самой картинки и поставленной задачи. Конкретно этот "коллаж" лучше просто уничтожить. А с другим изображением ситуация может быть иной. Я думаю, несложно догадаться, что небольшое изображение на однотонном фоне или на повторяющейся текстуре нет смысла загружать целиком в разрешении 3000*3000. Если можно загрузить небольшой тайл - то лучше разделить изображение на слои. И уж тем более, если это один цвет или градиент. Если же это полноценное изображение - то вы не получите никакого выигрыша от его нарезки на слои, только лишний раз нагрузите браузер и канал. В общем, все это на уровне зравого смысла и так понятно.
Попробовал, в Firefox text-rendering не исправляет этот баг. А в Chromium при указании geometricPrecision либо optimizeLegibility действительно все ломается. В общем, то что вы написали - верно, однако не решает проблему в Firefox.
@gopromax В мануале по вашему фреймворку или веб-серверу. Реализация зависит от конкретной технологии. На веб-сервере быстрее всего, но тогда вам придется всю специфичную для пользователя инфу отдавать AJAX'ом, что, в общем, неплохой вариант. С другой стороны, это преждевременная оптимизация. Лучше сначала сделать рабочий продукт, а потом уже смотреть где его ускорить.
@Anonym А как мобильные браузеры обрабатывают :hover? Спор бессмысленный, кто как хочет - так и делает. Просто, мое мнение, что :hover - для подсветки элементов (его для этого и придумали). Для более сложных сценариев - JS.
@Anonym Да но, псевдокласс :hover изменяет только стиль элемента, для которого описан :hover, а js позволяет выполнить произвольные действия. Поэтому и не всегда удобно.
На мой взгляд, в данном случае js нужен, просто потому что с ним логичнее.