reklama

Zajímavost – render Nexusu 4 bez použití obrázků, jen HTML, CSS a JS

Zajímavost – render Nexusu 4 bez použití obrázků, jen HTML, CSS a JS
2013-07-02T08:08:08+01:00
• 2. 7. 2013

Pokud se podíváme na tvorbu konceptů a renderů na internetu, tak většinou najdeme výtvory, u kterých autoři použili profesionální grafické nástroje. Většinou se jedná o Photoshop, ale v některých případech se jde dál a je použit 3D modelovací software. Ovšem nyní zde máme ukázku nadaného designéra Erhana Basa, který se rozhodl použít JavaScript, CSS a HTML.

Screenshot_88

Pomocí těchto nástrojů vymodeloval Nexus 4, který je do jisté míry interaktivní. Zajímavé je, že pro vytvoření webového modelu nepoužil ani jeden obrázek. Celý design je závislý na kaskádových stylech, které jsou používány při běžné webové tvorbě. Veškeré linky, křivky nebo i zaoblení je napsáno pomocí CSS3. Tato generace se ještě naplno nevyužívá, ale v tomto případě zde máme ukázku, co všechno se dá vytvořit.

Screenshot_89

JavaScript je použit jen pro omezenou funkčnost, ale při větším úsilí by se dalo vytvořit kompletní rozhraní Androidu. Pokud se chcete podívat na zdrojové kódy a případně si vyzkoušet omezenou funkčnost, navštivte stránky CodePen.io.

Zdroj: androidpolice.com

reklama
reklama

Přemysl Vaculík

Androiďák, šéfredaktor, tvůrce @dotekomanie a +dotekomanie.cz. Také milovník adrenalinových sportů, na které nemá čas.

Komentáře

Dotekománie.cz

Přidat komentář

Pro komentování se musíte přihlásit

Tmavý režim