Názory k článku Novinky v CSS3: animace

Ideme pisat clanok o pokrocilych CSS3 featurach a zacneme uvodom do HTML a CSS pre debilkov. Dava naprosty zmysel.
Firefox podporuje transitions od verzie 4, samozrejme 14 a 15 takisto. Len autor to nevie rozchodit. Jeho neschopnost.
Explorer 10 podporuje animations aj transitions bez prefixu. Ze tomu autor neveri, asi kvoli nejakemu zabudovanemu hate mechanizmu, je zas len jeho problem.

Dej si bryndzu, článek je fajn.

Zdejší geniální spam filtr mi to sem nedovolí vložit, takže odpověď zde.

yep, článek je fajn. Co mne překvapuje je, že si autor netestoval míru podpory ve Firefoxu ESR, tj. aktuálně 10.0.7. Od té doby co se v moz-foundation zblaznili a začali měnit/ničit UI a fce každých pár týdnů, je ESR jasná prioritní volba použitelného browseru pro všechny (nejen) hromadný instalace.

Autor se totiž s background-image v ukázkách trefil zrovna do jedné z těch pár vlastností, které ve Firefoxu zatím animovat nejdou... Zkus třeba color, opacity, top, left, width, height, background-color, atd, atd.

V chromiu místo článku vidím jen tmu - efekt, kterého by šlo docílit pomocí body: { backround: black }. A jsem líný na to hledat vypínač, abych si rozsvítil...

Zajímalo by mě jak takovéto prvky vypnout, animace a přeblikávání na stránkách mi maximálně vadí. Prohlížeč Firefox 15.0. Jde např. ty animované obdélníky na stránce nějak zakázat?

Můžeš si napsat skript, který všem prvkům na stránce nastaví transition-duration na 0s a animation-play-state na paused. Takový skript může ale citelně zpomalovat načítání stránek. Jinak určitě pomůže vypnout CSS :-D Vzhledem k tomu, že drtivá většina animací je pořád v JS, tak vypnout i JS. Takže pokud ti nejde čistě o texový obsah, tak můžeš rovnou vypnout prohlížeč...

Díky, zatím to řešila rozšíření Flasblock, Adblock plus, Noscript ... Stránky vypadají dobře a nic neotravuje, případné animované obrázky jdou zakázat, JS povoluji jen takové které potřebuji - některé trvale, něco jen dočasně.
Asi zkusím to vypnutí CSS ... Vážně by se ale hodilo rozšíření které podobné ptákoviny vypne.

To je celkem jednoduchý:

- Do FF si nainstaluj Stylish(pro další prohlížeče určitě existuje podobný plugin)
- Restartuj FF
- V levém dolním rohu klepni na ikonku Stylish
- Klepni na "spravovat styly"
- Jako název dej třeba "Vypnout CSS animace"
- Do stylu vlož tohle:

* {
    transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
    animation-play-state: paused !important;
    -webkit-animation-play-state: paused !important;
    -moz-animation-play-state: paused !important;
    -o-animation-play-state: paused !important;
    -ms-animation-play-state: paused !important;
} 

- Klepni na "Uložit"

Odteď by se ti na žádné stránce nemělo nic animovat(přesněji nic, co je animováno pomocí CSS3).

Jen mě ještě napadá, že by to ve specifických případech mohlo narušit funkčnost některých prvků na stránce, v tom případě stačí styl zase pomocí menu v levém dolním rohu vypnout.

Díky moc, funguje to, obdélníky už nejsou animované ...

Proč do stylů, které se použijí jen a pouze ve Firefoxu, uvádět tři další vendor prefixy? :)

Fajn, že se tu na Rootu objevil takový článek, nicméně:

1) základy HTML/CSS bych se nezabýval, začátečník s tím zkratkovitým vysvětlením bude mít stejně problém a navíc si myslím, že nebude studovat zrovna takovýto článek
2) pomocí transition bych animoval pouze číselné vlastnosti (včetně barev)
3) více si zjistit, co kde funguje, ty formulace v článku ve smyslu "nezkoušel jsem" zbytečně shazují důvěru v tento článek
4) co kde zhruba funguje - přehled např. zde: http://caniuse.com/#