Animovaná stránka 404

Chybové stránka 404, ktora vyhrala súťaž o "machri na webdesign". Základ stránky je urobené v HTML a CSS. Z CSS3 je použitý box a text-shadow, zaoblením rohov a prechod na pozadí. Vďaka správnemu zabalením rohov, bolo možné vytvoriť ústa ohnuté do úsmevu. Tak sa mozem stránka zobraziť hľa užívateľ, ktory by mal vypnutý Java Script. Na animáciám a zmenu textu bublín využíva jQuery. Hlavný text, ktory sa zobrazí Nakoniec je zapísané Priamo v HTML, ostatné zobrazené predtym v error.js.

Keďže stránka používa hľa CSS3, tak v niektorych starších prehliadačoch (hlavne vyzerá celkom zaujimave, ale to nie je veľmi Ťažké Zmenit. Využiť sa dá napr. Knižnica Modernizr (Dá sa s nou naučiť celkom lahko, ale ak by bol Záujem Môžem skôr menšie návod.), Ktora vie zistiť podporu jednotlivých vlastností a podla ich dostupnosti pridať nové subor CSS Alebo JS. Potom by sa dali jednotlivé zaoblené časti nahradiť obrázkami a postupné menením úst jednoduchú animáciám, na základe postupného striedania obrázkov.

Priložený zips obsahuje zdrojový kód stránky, okomentované ai minimalizovaný verziám Java Scirptu, css subor pre vzhlad stránky a jQuery 1.9.1.

Galéria