20 fantastických webových stránek Pseudo-Flash
Webová stránka pseudo-Flash je taková, která vypadá, cítí a působí jako webová stránka Flash, ale ve skutečnosti je postavena na dobrém staromódním HTML a CSS.
Obvykle je také pomlčka JavaScript, která přináší věci k životu a zaokrouhlují rozhraní.
Výsledkem je často to, co jsme očekávali od HTML a CSS, což je důvod, proč bychom mohli předpokládat, že webové stránky jsou založené na technologii Flash. Klepněte pravým tlačítkem myši a budete příjemně překvapeni.
Moc se zajímám o webové stránky pseudo-flash a mluvím o tématu často. Flash zřejmě ztratil některé své hranice (ačkoli v žádném případě není pryč) a zaměření se přesunulo na základní technologie webu (HTML, CSS, JavaScript).
Existují dva důvody. První je technická. Jednodušší a vylepšená SEO, CMS nástroje jako WordPress a široká podpora zařízení povzbuzovaly lidi, aby tlačili standardizované nástroje na max.
Zadruhé, mnohem víc lidí ví, jak se vyvíjet s těmito základními jazyky a velká komunita je ochotna se zbavit výhod programu Flash pro tyto známé nástroje.
S tolika důvody, abychom posunuli obálku a odklonili se od aplikace Flash, jsme uprostřed masivního posunu ve vývoji webových stránek. Webové stránky HTML začínaly jako statické entity. Se vznikem AJAX jsme byli svědky toho, jak by dynamický dokument mohl změnit naše očekávání. Zahrajte si animace, přechody a interakce a máte radikálně odlišné médium.
Některé šťastné oběti
Tento posun přináší s sebou několik obětí, že mnoho lidí (včetně mě) vítá. První z nich je hudba na pozadí. Běžné přehrávání na standardních webových stránkách se stává pro vývojáře těžší. Už nemusím hledat tlačítko pro pozastavení nebo ztlumení, aby bylo možné zavřít webovou stránku.
Zadruhé, webové stránky mají menší pravděpodobnost, že váš prohlížeč budou nyní unášeny. Některé webové stránky založené na technologii Flash stále dělají změnu velikosti prohlížeče a načítání rozhraní na celou obrazovku. Webové stránky pseudo-Flash však zůstávají na svém místě šťastně.
Slova opatrnosti
Stejně jako u každého trendu, musíme se k němu obrátit opatrně. Především potřebujeme sebeovládání. Jen proto, že můžeme dělat radikální věci s rolováním na stránce, animace a přechody neznamenají, že bychom měli.
Nejlepším řešením je pečlivě zvážit publikum, produkt a možná i nejdůležitější zkušenost uživatelů. S těmito možnostmi můžete strategicky aplikovat tyto přístupy k vylepšení vašeho webu.
Příklady tohoto stylu
1. Emilie Crssrd
Zatímco mnoho věcí Emilie Crssrdová Že to vypadá jako Flash, zaměřím se na jednu. Indikátor načítání vypadá jako něco, co bychom obvykle našli na webových stránkách Flash (i když to vidíme hodně s funkcí AJAX). Mechanismus uchovává obrazy a nekompromisní obsah před tím, než jsou plně načteny a zajistí, aby uživatelé viděli obsah správně. Nakladač zde kombinovaný s přechody na stránce zajišťuje hladké rozhraní.
2. Stefan Kantchev
Mnoho věcí Stefan Kanchev Webové stránky také echo Flash založené přístupy, a jemné fade-in a vymizí z ikon, jak jste myš přes nich, aby pro krásné interakce. Vizuální narážka pomáhá uživatelům soustředit se na jeden prvek současně a přidává trochu kousnutí, aby se tato minimalistická stránka dostala do života. Úžasný příklad využití něčeho jednoduchého a velkého účinku.
3. Značková republika
Vážit si Brand Republic Je třeba s ním komunikovat. Kontejner kolem loga má k tomu skvělou interakci. Tento prvek založený na CSS používá pozici myši k dynamické změně standardních okrajů, vytváření 3-D efektu a zajištění toho, aby logo vyniklo z intenzivního pozadí. Tento druh věci zlepšuje rozhraní a celkový pocit z webu, aniž by se dostal do cesty. To je přesně to, co chcete: doplňky by neměly narušovat použitelnost.
4. Cooper
Bednář následuje populární přístup k jednostránkovým webovým stránkám. Při výběru položek v navigaci se příslušný obsah převrátí do výřezu. S hladkými přechody se webová stránka velmi cítí jako Flash, ale je dosaženo standardními jazyky. Stejně dobře, jak fungují webové stránky, celá věc vybuchne na mobilních zařízeních. Při využívání těchto technologií bychom měli posoudit jejich dopad na nestandardní zařízení a na naše konkrétní publikum.
5. Flipboard
Flipboard Je naprosto jednoduché webové stránky má docela standardní rotátor obsahu. Co způsobuje, že se tato webová stránka cítí velmi podobně jako Flash, je to, jak se měří. Stránka se dynamicky přizpůsobí tak, aby vyhovovala vašemu prohlížeči (s některými omezeními), což je standardní efekt ve světě Flash.
6. Crafty 2010
Crafty 2010 poskytuje rolování na stránce velmi podobně jako webová stránka společnosti Cooper. V tomto případě je zobrazení omezeno na obsah, který uživatel vybere. Ani není "správné" řešení; prostě prokazují neomezené možnosti přístupu. Velmi si vážím, jak je tato webová stránka komplikovaná: animace jsou v pohodě, ale nikdy se jim nelíbí. Pěkná rovnováha mezi stylem a použitelností.
7. 20 věcí, které jsem se dozvěděl o prohlížečích a webu
Interaktivní soustružení stránek je oblíbeným účinkem na webových stránkách Flash, a to tak, že celé produkty byly vytvořeny pouze pro využití této funkce. Z jeho strany, 20 věcí, které jsem se dozvěděl o prohlížečích a webu ukazuje, co je možné, což dokazuje efekty, které byly kdysi možné pouze v prostředí Flash. Tato webová stránka je jedním z vážných děl a vynikajícím příkladem webových stránek založených na standardech.
8. NL Engenharia
NL Engenharia je typická webová stránka pro architekturu. Není to nutně špatná věc; to se jen hodí do výklenku. Zdá se, že to bylo doslova transplantace z Flash do HTML: vysunutí navigace, celoobrazovkové snímky, dynamické rozměry, všechny znaky Flash. Funguje to však. Výsledek je krásný a představuje to dobře.
9. Ryan C. Jones
Ryan C. Jones má krásné portfolio fotografií. Zajímavost (fotografie) je ohromná. Je to vynikající příklad toho, že nechat technologii dostat do cesty. Bez ohledu na nástroje, které byly k jeho sestavení vytvořeny, je výsledkem jednoduchý a účinný způsob prezentace této práce.
10. Architekti architektonického studia
Na první pohled je kreativní rozhraní a animace zapnuty Architekti Gangů Studio vypadají strašně jako blesk. Ale když je rozhraní jedinečné a nezapomenutelné, nemohu si pomoct, ale zajímalo by mě, jestli je to vhodné. Přesto to dokazuje, co se dá udělat s dobrým staromódním HTML.
11. Creative DIST
Creative DIST využíval HTML způsobem, který není úžasný. S jeho animacemi, ukazateli načítání a rozhraním pro tekutiny kombinuje tato webová stránka kreativitu nejlepších rozvržení Flash s velmi použitelnými řešeními založenými na HTML. Navzdory neobvyklému přístupu je snadné používat a komunikovat jedinečnost kreativní agentury.
12. Zprávy pro Japonsko
Zprávy pro Japonsko není nutně chtít vypadat jako "Flash". Ale animace a speciální dotyky usnadňují používání rozhraní hladké a mrtvé. Interaktivní elementy jsou prominentní, ale vůbec se jim to nedaří. Je to vynikající příklad toho, jak tento typ estetiky může vylepšit standardní webové stránky.
13. Atlason
Jako vývojář se sotva podíváte Atlason Webových stránek bez pocitu úcty. Nedovedu si představit, co se dělo v práci. Moc se mi líbí, že design zaplňuje obrazovku a velice využívá dostupné nemovitosti. Moc se také líbí, jak se říká tak málo konvencí a přesto je stále tak jednoduché.
14. Bitový byte bit
Bitový bitový bit dynamicky shromažďuje obsah z více zdrojů, včetně blogu vlastníka, zdroje Twitter a účtu Forrst. Takové záchody jsou poměrně běžné, ale tato webová stránka ukazuje, že se vůbec nemusí cítit staticky.
15. FORMULÁŘ
FORMULÁŘ má podobný přístup k Bit Byte Bit, ale více image-orientovaný, který dává smysl vzhledem k povaze jeho práce. Mám rád, že hned vidíte práci agentury, ale můžete začít filtrovat obsah, který je pro vás relevantní. Portfolio je přímo na domovské stránce a přesto je plně funkční, i když se webové stránky snadno používají.
16. EEHarbor
Zatímco mnoho zde prezentovaných stránek používá přechody na stránce ke změně obsahu bez obnovy stránky, je to cesta EEHarbor je to docela pozoruhodné. Rychlost webu je velkým důvodem pro jeho úspěch. Nikdy necítíte, že se omyly animace dostanou do cesty. Přispívají pouze k vysoce kvalitní image společnosti.
17. Wells Riley
Jedním z největších omezení HTML je jeho odolnost vůči jiným než přímým vertikálním a horizontálním liniím. Existují způsoby, jak to vyřešit, ale představují několik problémů mezi prohlížeči. Wells Riley kombinuje zcela odlišné rozhraní s malým úhlem. Výsledek je těžké vytáhnout, ale stojí za to.
18. Sympozium Manchester Design
Sympozium Manchester Design má velmi čisté a jednoduché rozhraní. Jednostránková webová stránka se posouvá svisle s pevnou záhlavou. Zatímco efekt není obzvláště neobvyklý, zdá se, že se něco podobného zdá jako Flash. Jednoduchý přístup a nepřítomnost bláznivých animací a přechodů přispívají k zajímavému kontrastu s mnoha extrémními webovými stránkami, které jsou zde prezentovány.
19. Sophie Hardachová
Sophie Hardachová Má několik zajímavých animací. Různé prvky se pohybují nebo zvětšují, jakmile nad nimi míříte. A vlny na dně přidají nějaký život do jinak statické stránky. Další atypický design, který dobře funguje s hladkými animacemi jazyka JavaScript.
20. Renato Zero
Renato Zero Jedna stránka stránek změní načítání obsahu do krásné události. Namísto obsahu, který je předem načten a připraven k odchodu, každá část je nabitá šikovnou animací při pohybu dolů. Animace jsou rychlé; nikdy nemáš pocit, že na ně čekáš. Efekt vypadá jako Flash.
Vynechali jsme úžasné webové stránky HTML, které vypadají jako Flash?