Почему перемещать элементы с помощью translate лучше, чем с position:absolute top/left
2 мин
Перевод
Для перемещения элемента по экрану есть два основных способа:
Крис Койер недавно писал, почему лучше и логичнее использовать
Я хочу расширить его ответ и привести несколько хороших примеров. Я записал скринкаст, в котором помощью Chrome DevTools timline рассматриваю различия между этими подходами с точки зрения производительности, особенностей рендеринга и композитинга на GPU.
Если вам нужна сокращённая текстовая версия — продолжайте читать.
- CSS 2D-преобразования и
translate(); position:absoluteи изменениеtop/left.
Крис Койер недавно писал, почему лучше и логичнее использовать
translate (это быстрее, и свойство position имеет большее отношение к вёрстке, а не к визуальным эффектам и анимации, в отличие от translate).Я хочу расширить его ответ и привести несколько хороших примеров. Я записал скринкаст, в котором помощью Chrome DevTools timline рассматриваю различия между этими подходами с точки зрения производительности, особенностей рендеринга и композитинга на GPU.
Если вам нужна сокращённая текстовая версия — продолжайте читать.
Рэй Курцвейл — один из самых именитых футурологов и специалистов по искусственному интеллекту. Он занимается технологиями распознавания речи с 70-х годов прошлого века. Он создал несколько успешных компаний, основанных на технологиях искусственного интеллекта, а в 90-е увлёкся футурологией и написал несколько книг, ставших бестселлерами — «Эпоха мыслящих машин», «Эпоха духовных машин», «Сингулярность уже близка». Курцвейл активно занимается обоснованием наступления
В 1970-е Toyota поразила США в самое сердце, и все американские политики почувствовали, что конец близок. Самые американские из всех вещей — автомобили! Американские автомобили! — вдруг оказались недостаточно хороши для американцев. Вместо них они покупали машины Toyota. Это был апокалиптический знак — США уже не могли конкурировать с Азией, и их промышленное могущество близилось к закату.
На протяжении большей части XX века шла война за влияние между музыкантами и звукозаписывающими компаниями. Большую часть столетия именно музыканты играли ведущую роль как в текстах законов, так и в общественном мнении. А лейблы хотели сделать музыку лишь придатком своего бизнеса. Активное вмешательство фашистского режима в Италии склонило чашу весов в их пользу.
К концу XIX века постоянно усиливающаяся издательская монополия копирайта почти не оставляла авторам возможности получать доход от своих работ. Практически все деньги доставались издателям и распространителям, а не создателям произведений (практически как сейчас).
После того, как Кровавая Мэри ввела монополию на копирование книг, обеспечив власти возможность цензуры, ни книготорговцы, ни корона не испытывали желания что-либо менять. Идиллия длилась 138 лет.
23 мая 1553 года Архиепископ Кентерберийский объявил недействительным брак Генриха VIII и Екатерины Арагонской, официально сделав их дочь Марию Тюдор бастардом. Екатерина была католичкой и пользовалась расположением Папы, который не давал разрешения на развод. Генрих VIII хотел, чтобы Екатерина родила ему сына, но все их дети, кроме Марии, умерли во время или сразу после родов, что в конце концов разрушило их брак. 
С 1973 года, когда мои коллеги и я начали работать над технологиями, лежащими в основе интернета, мы выступали за открытые стандарты для объединения компьютеров. Не только из философских соображений, но и из практических.