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+02: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

Stiknutím klávesy J se přesunete na starší článek, klávesa K vás přesune na novější.

💡 Získejte Dotekománie Premium a využijte web naplno.

reklama
reklama

Přemysl Vaculík

Šéfredaktor, tvůrce dotekomanie.cz, androiďák, podcaster v PZL. Také milovník adrenalinových sportů, na které nemá čas.

Komentáře

Reklama

Dotekománie.cz

Přidat komentář

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

Tmavý režim

Vyzkoušejte

Dotekománie Premium

Vychutnejte si web bez bannerové reklamy a získejte předběžný přístup k článkům. Podpoříte i Dotekománii.

Vyzkoušet

Odběr novinek

To podstatné ze světa mobilů a technologií jednou týdně do vašeho e-mailu. 📱
A nepropásnete soutěže!

Odebírat