Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

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


 

Stiahnuť

Stiahnutím nasledujúceho súboru súhlasíš s licenčnými podmienkami

Stiahnuté 540x (38.54 kB)
Aplikácia je vrátane zdrojových kódov v jazyku JavaScript

 

Všetky články v sekcii
JavaScriptu zdrojákoviště - jQuery
Program pre vás napísal GreenMan
Avatar
Užívateľské hodnotenie:
Ešte nikto nehodnotil, buď prvý!
GreenMan
Aktivity