Great JQuery innstungur fyrir nýjar vefsíður
Maður getur aðeins ímyndað sér hversu erfitt það var að æfa vefhönnun aftur þegar allt virtist svo nýtt - á dögum Netscape Navigator og Microsoft FrontPage. Þegar litið er til baka virðist það vera svo gamaldags tími í sögu vefhönnun. Það var næstum ómögulegt að hanna eitthvað af æðsta og greindri sköpun. Síðan sást þú vera skapandi ef þú átti stórkostlega blikkandi bakgrunn eða lituðu rolla.
Það var ekki tonn af sveigjanleika í raun þegar það kom niður á nitty gritty af hönnun. Mörg skipulag voru þau sömu og líkja eftir því sem sást í tímaritum og dagblöðum. Ég meina bara hugsa um það: ekki of langt síðan gatum við loksins fundið út leið til að nota skreytingar letur á netinu. Áður en það var allt Arial, öll Verdana og öll Times New Roman - getur þú ímyndað þér að lifa lífinu árið 2012?
Töflur voru norm og þau voru ekki of sveigjanleg. Talaði um sveigjanleika, hvernig lifðum við alltaf án svörunar? Ef þú vildir búa til vefsíðu fyrir löngu, vartu næstum búddur til að vinna með það sem þú átt. Enginn kvartaði þá, en þakka gæsku fyrir framsækin tækni.
Núna ...
Hratt áfram til nú, og við getum nokkurn veginn hannað neitt eins og við viljum, í því sem við viljum. Þessar tegundir af hlutum ættu ekki að vera teknar sem sjálfsögðu, en þar sem nýjar kynslóðir hönnuða og verktaki koma inn í þetta ríki er það nokkuð mikið. Ég meina, fyrir nokkrum mánuðum síðan, við vorum að lokum hægt að nota stílblöð til að búa til ávalar horn - hversu fljótt gleymum við?
Framfarir í vefhönnun geta stuðlað að áframhaldandi þróun mismunandi kóða tungumála. Þú getur ekki haft frábæran vefhönnun án mikils vefur þróun (og öfugt). Og þú myndir hugsa, það kann að hafa orðið flóknara eins langt og þróunin fer, en það er nokkuð augljóst að hlutirnir hafa orðið auðveldari. Tökum dæmi um HTML4 á móti HTML5.
Eitt af stærstu þróununum í vel, þróun og hönnun hefur verið notkun jQuery. Það er líklega einn af auðveldustu JavaScript bókasöfnum til að læra og kóða með, auk þess að gera nokkuð snyrtilega hluti með. Ef þú ert að hanna frjálslega og / eða þrá einhverja mjög ógnvekjandi samskipti milli hönnunar og áhorfenda, þá muntu líklega nota jQuery.
The viðbætur
jQuery er ekki bara í upphafi raunverulegs hönnunar en það gerir sléttari reynslu notanda. Þegar vefsíður eru gerðar til að fagna áhorfendum þínum og auðvelda þeim að fletta, er þetta mikilvægt. Hönnunin er einnig mikilvægt ef þú notar mikið af sköpunargáfu með hönnun þinni. Í grundvallaratriðum ætti ekki að vera nein takmörk þegar kemur að því að búa til vefsíður og jQuery er afar gagnlegt til að tryggja að þú sért ekki fastur í kassa. Svo hvað getur jQuery gert fyrir þig? Hér fyrir neðan eru nokkur frábær viðbætur sem leyfa þér að vera eins skapandi og ferskt í þróun vefja og mögulegt er.
jQuery rist farsíma
Sumir hönnuðir eins og að opna áætlunina að eigin vali og hanna hvað sem þeir vilja án þess að hafa áhyggjur. Það eru aðrir sem vilja hafa aðferð við brjálæði þeirra. Vefhönnun staðla bendir til þess að við ættum að nýta grids til að hjálpa okkur að hanna frábær og árangursrík vefsvæði, sérstaklega ef þú ert að hanna blogg eða fréttasíðu. Önnur hluti af þeirri hugmynd er að ristin ætti að vera sveigjanleg og móttækileg. Þessi tappi gerir þér kleift að búa til marga dálka með (og án) svörun.
ArcText.js
Fyrir nokkrum árum síðan, ef þú vildir hafa nokkrar frábærar leturgerðir og stafræn áhrif á vefsvæðið þitt, þurfti að opna viðkomandi hönnun og búa til grafík með því sem þú vildir á því. Það var óákveðinn greinir í ensku tækni til þess að fólk áttaði sig á því að það væri ekki sveigjanlegur, né fór vel með leitarvéla bestun. Með framfarir og tækni höfum við þó getað notað skreytingar letur á netinu. Ekki bara það, en með þessu stinga í getum við bætt nokkrum stílum við þá sem myndu annars ekki vera tiltækir utan Photoshop.
Fancy Moves
Algeng þróun í nútíma vefhönnun er hæfni til að hreyfa hlutina. Það er nánast ómögulegt að heimsækja vefsíðu og vitna í truflanir myndum - næstum allir nýta myndaskyggni í sumum myndum eða tísku. Mörg þessara renna eru sjálfvirk og breyta myndum sem gefnar eru ákveðnar tímarammar. Það er ekkert athugavert við það, en hvernig geturðu tekið slíkt hugtak og gert það betra fyrir notendavandann? Þessi Fancy Movies tappi virðist hafa það mynstrağur út með því að láta áhorfendur stjórna renna, ekki bara með því að smella á næsta ör en með því að henda öruggan takkana á lyklaborðunum.
FitText
Typography í hönnun er ákaflega mikilvægt. Vefhönnuðir þurfa að geta notað hvaða letur sem þeir vilja og síðan setja þau saman á hvaða hátt sem þeir vilja. Með hlutum eins og Cufon og CSS, það er mögulegt, en mikilvægt er undanfarið svörun vefsvæðis. Ef hönnunin þín getur ekki verið sveigjanleg, þá er það næstum gagnslaus og einn af helstu hlutum vefsvæða sem þarf að vera móttækilegur er leturfræði. FitText leyfir hausunum þínum og fylliefni að vera frábært, sama gluggastærð eða tæki sem notað er til að athuga vefsíðuna þína.
Sveima Zoom
Leiðin þar sem ákveðin atriði bregðast við milliverkunum á vefsvæðum geta haft áhrif á (neikvætt og jákvætt) hvernig áhorfendur bregðast við því. Ein einföld samskipti sem alltaf er spilað upp, er sveimaþátturinn. Þegar þú setur músina yfir mynd eða jafnvel tengil, er það næstum algengt að þessi þáttur geri eitthvað; og því betra viðbrögðin, því betra mun fólk svara því. Þessi tappi er fyrir myndir sem, þegar sveima, zoom inn eða út og veitir einnig frekari upplýsingar. Ef það er rétt notað getur þetta verið mjög árangursríkt. Ekki sé minnst á hönnunin mun fara vel.
jRumble
Það sem hönnuðir verða að gera sér grein fyrir er að við eigum mikið af krafti þegar við gerum vefsíður. Við getum gert fólk að sjá hvað við viljum að þau sjái og sjá ekki það sem við viljum ekki að þeir sjái. Grundvallarhönnunarreglur, eins og jafnvægi og stigveldi, geta hjálpað til við að sveifla áherslu og áhuga áhorfenda. Það eru lúmskur leiðir til að gera þetta. JRumble er meira ástríðufullur um að fá einn til að sjá og taka eftir hlutum á öflugri, ótrúlegri hátt. Það er skemmtilegt tappi og þegar það er notað getur það verið skilvirkt fyrir hvaða tilgangi sem er. Mundu bara að gera það ekki.
jQSlickWrap
Búa til skipulag fyrir texta getur verið erfitt. Það snýst ekki bara um letrið sem þú velur, heldur einnig hvernig þú kynnir það sem gerir það skilvirkt. Ef þú ert að hanna vefsíðu sem ætlar að hafa stóra textabrot, getur það leitt til þess að lesendur þínir séu algerlega óhugaðir um hvað sem þú ert að segja. Margir hönnuðir hafa mál þegar þeir reyna að gera myndir og texta samskipti vel við hvert annað. Ef þú ert ekki ákaflega inn í textaskilin eða finnur að þú viljir að textinn þinn og myndirnar geti haft samskipti meira, þá gæti þetta verið tappi fyrir þig. Ekki fleiri blaðagreinar lestur, heldur meira skapandi frelsi.
jQuery Offset Animation
Eins og áður hefur komið fram eru truflanir vefsíður ekki eins algengir í dag og þeir kunna að hafa verið í fyrri árum. Margir hlutir hafa orðið þátttakendur í að hjálpa til við að búa til öfluga vefsíður sem flytja og hafa samskipti vel við áhorfendur sína. Eitt sem jQuery hafði bætt við því samtali er hæfileiki til að búa til frábær fjör og umbreytingar frá þáttur í frumefni. Þessi tappi skapar slétt renna eða sópa umskipti til að flytja frá einum þátt í næsta. Það gerir mjög skemmtilega vefsíðu.
Scroll-O-Rama
Með nafni eins og 'Scroll-O-Rama' gætirðu sent þetta viðbót, en ég myndi ráðleggja þér að ekki. Eins skemmtilegt og gott eins og þetta tappi er, tel ég að það geti verið vinsælt þér í nýjustu sessinni á einföldum vefsíðum. Þegar þú flettir um vefsíður á einni síðu, áttu góða von á því að eitthvað gerist. Þessi tappi gerir nokkuð hægt fyrirsagnir og texta til að dansa þegar þú ferð um það. Það er annað tappi sem er notað aðallega til skreytingar, en ef þú getur stökkva því á síðuna þína og notað það á réttum stöðum geturðu spilað þennan tappa fyrir styrk.
jQuery Shadow Plugin
Til að bæta smá djúpt í myndir eða þætti stundum, hönnuðir eins og að nota dropa skuggi. Það eru tvær vinsælar leiðir þar sem hönnuðir búa til skuggi og það er í gegnum CSS eða búa til skugga í hönnunarsýningunni og venjulega vistar það sem einhvers konar gagnsæ skrá. Flestir sinnum virkar þetta og stundum getur verið að einhver atriði séu til staðar en það sem er frábært um þennan tappi er að það gerir þér kleift að bæta við mismunandi skuggategundum við hvaða þætti sem þú vilt án þess að þurfa að hanna þær og það virkar í vafra.
Slitslide
Góðar umbreytingar á vefsvæðum gera skemmtilega og spennandi upplifun. Við höfum þegar gefið þér frábæra tappi fyrir þáttur í frumefni, en þetta tappi er frábært fyrir blaðsíðnaflokka. Með þessari Slitslide tappi skiptir síðunni, renna og kynnir nýjar síður beint á bak við hana. Þetta er afar öflugt tól sem bætir við nokkrum spennu og bragði á vefsvæðum sem gætu þurft að auka stig.
Áfengi
Tólverk eru þættir sem notuð eru af mörgum ástæðum; að vekja athygli, bæta við upplýsingum eða hvað sem þú getur passað í það. Það virkar mikið eins og sveimaáhrif, þar sem ef það er notað getur það verið mjög árangursríkt. Það eru tonn af jQuery tappi sem koma til móts við þróun og notkun tólatækja. Tipped er tappi sem virkar og hefur marga eiginleika, flestir eru sérhannaðar af HTML5 og CSS, sem auðveldar og slétt byggingu.
Tubular
Við getum öll sammála um að blikkandi bakgrunnur sé ekki þar sem sköpunin liggur. Hins vegar eru önnur atriði sem hægt er að bæta við í bakgrunni þinni til að gefa vefsíðuna þína svolítið neisti. Þú gætir bara verið stranglega um hönnun og vilt vel setja saman mynstur, en þú gætir viljað eitthvað svolítið öflugra. Tubular er tappi sem leyfir þér að nota YouTube myndskeið til að þjóna sem bakgrunnur. Hugsaðu um skemmtilega og skapandi möguleika sem hægt væri að skora með þessu.
jmpress
jQuery Knob
3d Smámyndir Sveima
Við ræddum nú þegar um myndhögg áhrif og hvernig það getur verið mjög árangursríkt fyrir vefsíður. Jæja, hvað ef þú vilt fá smá pizzasýningu fyrir myndirnar þínar? Þessi tappi gefur þér myndhögg áhrif sem sýnir upplýsingar með smá 3D snúa.
blur.js
Góð hönnun getur raunverulega verið munurinn á góðri og slæmu vefsíðu. Oft er ákvörðunin ekki um hönnunina í heild heldur um smá smáatriði; Þess vegna notum við verkfæri og frábærar texta fyrir texta. Þessi viðbót bætir aðeins smáatriðum við síðuna þína, ef þú vilt. Þessi tappi skapar framleiðir psuedo-gagnsæ þoka hluti yfir aðra þætti. Þetta er skrautlegur tappi, en hægt er að nota til að njóta góðs af.
Niðurstaða
Það eru margar leiðir til að auka vefhönnunina þína til að gera það ferskt og aðlaðandi fyrir gesti þína. Hafðu í huga að þú vilt gera eitthvað sem er ekki aðeins skapandi, heldur skapandi og árangursríkt. Verkfæri sem við höfum núna er frábært og það sem jafnvel er betra er tæknin ennþá að aukast og betri hlutir til að búa til vefsíðu bíða eftir okkur.