Vývojář vytvořil animované hlavy ze Simpsonů pouze v rámci CSS

Moderní webové technologie toho umožňují opravdu hodně, a právě díky tomu můžeme mít i v rámci prohlížeče poměrně pokročilé aplikace, které byly dříve možné pouze jako nativní desktopové aplikace běžící přímo pod operačním systémem.

Webový vývojář Chris Pattle si dal tu práci a vytvořil pouze pomocí CSS animované hlavy populárních postaviček ze seriálu Simpsonovi. Ke všemu zveřejnil i zdrojové kódy na Githubu, takže můžete kód nejen prozkoumat, ale i případně upravovat.

Klepněte pro větší obrázek
Každá hlava je animovaná a vytvořená pouze pomocí CSS (Zdroj)

Autor uvádí, že je vše optimalizované pro prohlížeč Google Chrome a na svých osobních stránkách i podrobně popisuje, jak to celé udělal. Výsledkem je samozřejmě to, že v komentářích již dostal několik nabídek na práci.

Témata článku: Technologie, Web, Programování, IO, Simpson

26 komentářů

Nejnovější komentáře

  • milan123 30. 6. 2014 10:47:50
    Tahle práce spíš vypovídá o nekonečné trpělivosti. Výsledek je sice...
  • Vítězslav Novotný 30. 6. 2014 10:21:36
    pěkná práce :-)
  • Chupacabras 30. 6. 2014 0:45:57
    https://www.youtube.com/watch?v=b5EAEDi0LOU
Určitě si přečtěte

Nebuďte jako Emma Watson. Poradíme, jak nepřijít o hanbaté fotky

Nebuďte jako Emma Watson. Poradíme, jak nepřijít o hanbaté fotky

** Pokud už choulostivé snímky vyfotíte, dbejte na jejich zabezpečení ** Útočníci je nejčastěji získají z cloudového úložiště ** Pozor si dejte i na phishing a řádné zabezpečení telefonu

25.  3.  2017 | Stanislav Janů | 52

Špičkoví hackeři útočili na prohlížeče. Chrome odolal, ale Edge je tragédie

Špičkoví hackeři útočili na prohlížeče. Chrome odolal, ale Edge je tragédie

** Do Vancouveru se sjeli hackeři ** Soutěžili v útocích na prohlížeče ** Chrome odolal, ale Edge to projel na celé čáře

22.  3.  2017 | Jakub Čížek | 79


Aktuální číslo časopisu Computer

Supertéma o počítačové bezpečnosti

AMD Ryzen přichází

Velké testy kinoprojektorů a levných sluchátek

Příslušenství do USB-C