Velké JQuery Pluginy pro čerstvé webové stránky
Jeden si dokáže představit, jak těžké bylo pracovat s web designem, když se vše zdálo být nové - během dnů Netscape Navigator a Microsoft FrontPage. Když se podíváme zpátky, vypadá to jako archaický čas v historii webového designu. Bylo téměř nemožné navrhnout něco nejvyšší a inteligentní tvořivosti. V té době jste byli viděni jako kreativní, kdybyste měli hrozivé blikající pozadí nebo barevné posuvníky.
Nebyla tam žádná tahová flexibilita, když se dostavila k drobnému designu. Mnoho rozvržení bylo stejné a napodobovalo to, co bylo vidět v časopisech a novinách. Myslím tím, že o tom přemýšlím: ne tak dávno jsme dokázali konečně zjistit způsob, jak používat dekorativní fonty online. Předtím to bylo všechno Arial, všechny Verdana a všechny Times New Roman - v roce 2012 si můžete představit, že žijete ten život?
Tabulky byly normou a ty nebyly příliš flexibilní. Když mluvíme o flexibilitě, jak jsme někdy žili bez schopnosti reagovat? Pokud jste chtěli navrhnout webovou stránku před nějakou dobou, vy jste do značné míry byli zabaleni do práce s tím, co jste měli. Nikdo si na to nestěžoval, ale díky bohu za progresivní technologii.
Nyní…
Rychle dopředu a můžeme do značné míry navrhnout cokoliv, jak chceme, v čem chceme. Tyto typy věcí by neměly být považovány za samozřejmé, ale jak nová generace návrhářů a vývojářů vstupují do této sféry, je to do značné míry. Myslím, že před pouhými několika měsíci jsme konečně mohli použít styly pro vytvoření zaoblených rohů - jak rychle zapomínáme?
Pokroky v návrhu webových stránek mohou přispět k pokračujícímu vývoji různých kódovacích jazyků. Nemůžete mít skvělý web design bez nějakého skvělého vývoje webu (a naopak). A vy byste si mysleli, že věci se mohly složitější, pokud jde o rozvoj, ale je to docela zřejmé, že se věci ulehčily. Podívejte se například na HTML4 versus HTML5.
Jedním z největších vývojových trendů v oblasti vývoje a designu bylo využití jQuery. Je to pravděpodobně jedna z nejjednodušších knihoven JavaScriptu, která se učí a kóduje, stejně jako dělat nějaké hezké věci. Pokud navrhujete volně a / nebo si přejete nějaké opravdu úžasné interakce mezi vaším designem a vaším publikem, pravděpodobně budete používat jQuery.
Zásuvné moduly
jQuery nezahrnuje ante svého skutečného designu, ale umožňuje hladší uživatelské zážitky. Když je třeba, aby webové stránky přivítaly své publikum a usnadnily jim pohyb, je to důležité. Design je také důležitý, pokud používáte velké množství kreativity s vaším designem. V podstatě by neměly existovat žádné limity, pokud jde o vytváření webových stránek, a jQuery je mimořádně užitečné, abyste se ujistili, že nejste v pasti v krabicích. Takže co může udělat jQuery pro vás? Níže jsou některé skvělé pluginy, které vám umožňují být co nejvíce kreativní a svěží ve vývoji webových stránek.
jQuery mobilní síť
Někteří designéři rádi otevřou program podle vlastního výběru a navrhují, co chtějí, bez jakýchkoliv pochybností. Jsou i jiní, kteří mají rádi způsob, jak šílenství zvládnout. Standardy webového designu naznačují, že bychom měli využít sítě, které nám pomohou navrhnout skvělé a efektivní webové stránky, zejména pokud vytváříte blog nebo zpravodajské stránky. Druhou částí této myšlenky je to, že síť by měla být pružná a citlivá. Tento plugin umožňuje vytvářet více sloupců s (a bez) reakce.
ArcText.js
Jen před pár lety, kdybyste chtěli mít na vašich webových stránkách nějaké opravdu skvělé fonty a typografické efekty, museli jste otevřít svůj požadovaný návrhářský program a vytvořit grafiku s tím, co jste na něm chtěli. Byla to technika OK, dokud si lidé neuvědomili, že to není nejvíce flexibilní, ani optimalizaci pro vyhledávače. S pokroky a technologií jsme však mohli používat dekorativní písma online. Ne jen to, ale s tímto plug-inem, jsme schopni přidat nějaký styl, který by jinak nebyl k dispozici mimo Photoshop.
Fancy pohyby
Společným trendem v moderním webdesignu je schopnost učinit věci v pohybu. Je téměř nemožné navštívit webové stránky a svědčit o statických obrázcích - téměř každý používá obrazový posuvník v nějaké formě nebo módě. Mnoho z těchto posuvníků je automatické a mění obrazy v daném časovém rámci. Není s tím nic špatného, ale jak můžete tento koncept učinit a učinit pro uživatele lepší? Tento doplněk Fancy Movies vypadá, že má přijít na to, když nechá divákům ovládat snímek, a to nejen kliknutím na další šipku, ale pohodlným stisknutím kláves se šipkami na klávesnicích.
FitText
Typografie v designu je nesmírně důležitá. Weboví designéři potřebují schopnost používat libovolná písma, která chtějí, a pak je dají dohromady jakkoli chtějí. Prostřednictvím věcí, jako je Cufon a CSS, je to možné, ale v poslední době je velkou důležitostí reakce na webové stránky. Pokud váš návrh nemůže být flexibilní, je to téměř k ničemu a jedna z hlavních částí stránek, která musí reagovat, je typografie. Funkce FitText umožňuje hlavičky a text plnění skvělé, bez ohledu na velikost okna nebo zařízení, které se používají ke kontrole vašeho webu.
Hover Zoom
Způsob, jakým některé prvky reagují na interakce na místě, může mít negativní a pozitivní vliv na to, jak diváci reagují na ně. Jedna jednoduchá interakce, která se vždycky přehrává, je funkce přesunutí. Když umístíte myš nad obrázek nebo dokonce na odkaz, je téměř běžné, aby tento prvek něco udělal; a čím lepší reakce, tím lepší lidé na to reagují. Tento plugin je určen pro obrázky, které při pohybu, přiblížení nebo oddálení a také poskytují další informace. Je-li správně používán, může to být velmi efektivní. Nemluvě o tom, že design bude dobře fungovat.
jRumble
Co si musí projektanti uvědomit, když děláme weby, máme hodně síly. Můžeme přimět lidi, aby viděli, co chtějí, aby viděli, a neviděli věci, které nechceme vidět. Základní principy návrhu, jako je rovnováha a hierarchie, mohou pomoci ovlivnit zaměření a zájem diváků. Existují jemné způsoby, jak to udělat. jRumble je více vášnivý tím, že člověk může vidět a upozorňovat na věc silnějším a očividnějším způsobem. Je to zábavný plugin a pokud je používán mírně, může být efektivní pro jakýkoli účel. Jen si pamatujte, že to neskončí.
jQSlickWrap
Vytváření rozvržení textu může být obtížné. Nejde jen o zvolená písma, ale také o způsob, jakým je prezentujete, což činí efektivní. Pokud vytváříte místo, které plánuje mít velké bloky textu, nesprávné nastavení může způsobit, že vaši čtenáři budou zcela nezaujati v tom, co říkáte. Mnoho návrhářů má problémy, když se snaží, aby obrazy a text vzájemně dobře spolupracovaly. Pokud nejste extrémně do bloků textu nebo zjistíte, že chcete, aby váš text a obrázky interagovaly více, může to být plugin pro vás. Žádné další čtení novin, ale více tvůrčí svobody.
jQuery Offset Animation
Jak již bylo řečeno, statické webové stránky nejsou dnes tak běžné, jako v předchozích letech. Mnoho věcí se stalo přispíváním k vytváření dynamických webových stránek, které se svým divákům pohybují a dobře komunikují. Jedna věc, kterou jí přidal jQuery, je schopnost vytvářet skvělé animace a přechody od prvku k prvku. Tento plugin vytvoří hladký posuvný nebo zametací přechod pro přesun z jednoho prvku do druhého. To dělá velmi příjemné webové stránky.
Scroll-O-Rama
S názvem jako "Scroll-O-Rama", můžete tento doplněk přenést nahoru, ale radím vám, abyste to neudělal. Jako zábavný a skvělý jako tento plugin je, věřím, že to může být oblíbeným v moderním výklenku jednotlivých stránek. Při procházení webových stránek s jednou stránkou očekáváte, že se něco stane. Tento plugin do značné míry umožňuje hlavám a textům tančit, když projíždíte. Je to další plugin, který se používá hlavně k dekorativním účelům, ale pokud ho můžete posypat kolem svého webu a použít ho na správných místech, můžete tento plugin použít jako sílu.
jQuery Shadow Plugin
Chcete-li někdy přidat obrázky nebo prvky trochu hloubky, návrháři rádi používají stíny stínu. Existují dva oblíbené způsoby, jak návrháři vytvářejí stíny, a to prostřednictvím CSS nebo vytváření stínu v jejich návrhovém programu a typicky jej ukládá jako nějaký průhledný soubor. Většinou to funguje a někdy mohou existovat nějaké problémy, ale to, co je skvělé o tomto pluginu, vám umožňuje přidávat různé typy stínů k libovolným prvkům, které se vám líbí, aniž byste je museli navrhovat, a to funguje přes prohlížeč.
Slitslide
Dobré přechody na webových stránkách přinášejí zábavu a zážitky. Již jsme vám poskytli skvělý plugin pro přechody mezi elementy, ale tento plugin je skvělý pro přechody mezi stránkami. Pomocí tohoto pluginu Slitslide se stránka rozdělí, sklidí a představí nové stránky přímo za ním. Jedná se o extrémně dynamický nástroj, který přidává některé vzrušení a chuť na stránky, které mohou potřebovat tuto extra úroveň.
Skočil
Tipy nástrojů jsou prvek používaný z mnoha důvodů; upoutat pozornost, přidat informace nebo cokoliv, co se do ní vejde. Jedná se spíše jako efekt vznášení, při němž může být správně použit. Existuje tunka pluginů jQuery, které uspokojují vývoj a použití nástrojových popisků. Tipped je plugin, který funguje a má mnoho funkcí, z nichž většina je přizpůsobitelná pomocí HTML5 a CSS, což umožňuje snadné a hladké vytváření.
Tubulární
Všichni se můžeme shodnout, že blikající pozadí není místo, kde kreativita spočívá. Existují však i další věci, které mohou být přidány do vašeho pozadí, aby vaše webové stránky trochu jiskry. Můžete být jen přísně o designu a chcete dobře sestavený vzor, ale možná budete chtít něco trochu dynamičtější. Tubular je plugin, který vám umožní používat videa YouTube jako pozadí. Přemýšlejte o zábavných a tvůrčích možnostech, s nimiž byste mohli s tím dosáhnout.
jmpress
jQuery Knob
3d miniaturní hover
Již jsme hovořili o efektu vznášení obrazu ao tom, jak může být pro webové stránky velice efektivní. No, co když chcete trochu víc pizzazz pro vaše obrázky? Tento plugin vám dává efekt vznášení obrazu, který odhaluje informace trochu 3D twist.
blur.js
Dobrý design může být skutečně rozdíl mezi dobrým a špatným webem. Často se rozhodnutí nejedná o design jako celek, ale o malé detaily; proto používáme tipy a skvělé texty. Tento plugin přidá na vaše stránky trochu podrobnější informace, pokud si přejete. Tento plugin vytvoří pseudo-průhledné rozmazané prvky nad jinými prvky. Jedná se o dekorativní plugin, ale může být užitečný.
Závěr
Existuje mnoho způsobů, jak vylepšit svůj webový design, aby byl čerstvý a přitažlivý pro vaše návštěvníky. Mějte na paměti, že chcete udělat něco, co není kreativní, ale kreativní a efektivní. Nástroje, které máme nyní, jsou skvělé a ještě lepší je, že technologie stále vzrůstá a čekají na to lepší věci pro tvorbu webových stránek.