Трюки с CSS-анимациями: мгновенные изменения, отрицательные задержки, анимация transform-origin и другое

[MaxFactor]

Очень интересные примеры, особенно приятно смотреть 404

[keslo]

Согласен. 404 отлично вышло!

Хотел сделать лого на своем сайте стилизованно под неоновую вывеску. Сделал это при помощи анимации GIF. Приятно было увидеть реализацию на чистом CSS. Утащил в копилку :-)

Спасибо!

[CodeByZen]

Да, 404 шикарен. Плюсую в карму за перевод такой интересной статьи.

[xxxTy3uKxxx]

Кстати, глядя на 404 проностальгировал по Биошоку первому.

[Dyo]

Версткой занимаюсь очень давно и я никогда не любил лису, когда в остальных браузерах все ровно, даже в последнем IE то лиса как обычно отчуидит и надо через хак прописывать отдельный ксс.

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

[Abcd_Efgh]

Вы описали любой популярный браузер, а не только Firefox.

[Dyo]

Я описал именно Firefox так как проблемы в основном только с ней (IE не в счет)

[fenrirgray]

Файрфокс как раз память не жрет, в отличии от хрома. Файрфокс память кушает вполне умеренно, а вот хром, если ему добавить чуть чуть плагинов, отжирает совершенно запредельные количества памяти на каждую вкладку(что, впрочем, вполне обосновано архитектурой, при которой он по сути запускает копию браузера для каждого домена и как по мне плюсы того стоят, память дешевая).

Ну и насчет верстки — особо проблем никогда небыло, только на экспериментальных или очень сложных случаях, но там везде проблемы.

[kahi4]

Ну в фаерфоксе у объектов DOM-дерева нет поля innerText, когда он есть даже в IE. И такие мелочи иногда всплывают, и если вовремя не заметить — могут доставить много проблем.

[A1lfeG]

Там не совсем копии. Есть расшареная память.

[oWeRQ]

У меня обратная ситуация, в лисе все отображается и работает как ожидалось, под хром _иногда_ надо подправить, в IE и Safari — необъяснимые косяки и отсутствие поддержки необходимых фитч,

Ласа удобна при работе со множеством вкладок, это оправдывает некоторые недостатки.

[AYShestakov]

css-tricks.com/myth-busting-css-animations-vs-javascript/ Оставлю тут ссылочку — Развенчание мифа о преимуществе CSS анимаций над JS анимацией
Повод для холивара, имхо.

[Funcraft]

Тогда уж и эту ссылку оставьте: christianheilmann.com/2014/01/13/myth-busting-mythbusted/

[AYShestakov]

да искал ее — ну куда то завалилась. Я ж говорю — холивар.

[IgorOleynick]

Всегда нравились такие вещи на CSS. На HTML5-то выглядит захватывающе, а без его использования — просто великолепно!

[rznELVIS]

меня только всегда смущает 5 браузеров — 6 вариантов отображения) особенно в мобильных устройствах)

[IgorOleynick]

Да, это, конечно, проблема… Но она всегда есть при разработки веб-приложений.

[rznELVIS]

я к тому что вот такие красивости это как в пословице «Висит груша, нельзя скушать». Вроде бы как концепт супер, а вот применить это так, чтобы все юзеры видели одно и тоже и были довольны, не получится. старые браузеры ужасно тормозят развитие веба. Особенно IE усердствует. Я порой на такое натыкаюсь, что мне кажется если буду рассказывать, то никто не поверит)

[IgorOleynick]

Я за жёсткий подход. Заходит такой пользователь на сайт и две ссылки: на Google Chrome и HTML-версия. Или только первую.

[Borz]

как программист программисту: руки бы таким…
За что?
Если у меня выключена поддержка JS, то некоторые (и их всё больше) не делают извещения об этом на той же странице тегом noscript, а переадресовывают меня на страницу bad-browser без возможности потом кликнуть «Назад» для попадания на предыдущую, нужную мне, страницу.

[IgorOleynick]

Честно говоря, это была скорее шутка, но раз уж на то пошло, то руки надо отрывать тем, кто делает именно так, как вы описали.
Если бы у меня не было желания поддерживать старые версии, то переадресовывать так жёстко я бы не стал: просто известил бы о вероятности нестабильной работы и предложил бы скачать/обновить браузер для стабильной работы.

[niksite]

Последнее время работаю через oDesk. Ибо с ним не надо думать об инвойсах. Совсем.