Suuri JQuery-laajennukset tuoreisiin verkkosivustoihin
Voidaan vain kuvitella, kuinka kovaa oli web-suunnittelun käyttäminen takaisin, kun kaikki tuntui niin uutta - Netscape Navigatorin ja Microsoft FrontPagen päivien aikana. Katse takaisin, näyttää siltä, että tällainen arkaainen aika historian web design. Se oli lähes mahdotonta suunnitella jotain ylin ja älykkäästä luovuudesta. Silloin sinusta nähdtiin luovuudeksi, jos sinulla oli kauhea vilkkuva tausta tai värilliset rullauspalkit.
Mitään joustavuutta ei todellakaan ollut, kun se tuli alaspäin muotoiluun. Monet mallit olivat samoja ja jäljitteli mitä sanottiin aikakauslehdissä ja sanomalehdissä. Tarkoitan vain ajatella sitä: ei liian kauan sitten pystyimme lopultakin selvittämään tapaa käyttää koristeellisia fontteja verkossa. Aikaisemmin kaikki oli Arial, kaikki Verdana ja kaikki Times New Roman - vuonna 2012 voitko kuvitella elävää elämää?
Pöydät olivat normi ja ne eivät olleet liian joustavia. Puhumatta joustavuudesta, miten me elämme ilman reagointia? Jos halusit suunnitella verkkosivuston jo kauan sitten, sinä melkein olit pakattu työskentelemään sen kanssa, mitä sinulla oli. Kukaan ei kuitenkaan valittanut, mutta kiitän hyvästä progressiivisesta teknologiasta.
Nyt…
Nopeasti eteenpäin, ja voimme suunnitella melko paljon haluamallamme tavalla haluamallamme tavalla. Tällaisia asioita ei pidä pitää itsestäänselvyytenä, mutta kun suunnittelijat ja kehittäjät tulevat uusiin sukupolviin, tämä on melko paljon. Tarkoitan vain muutamia kuukausia sitten, että saimme lopulta käyttää tyyliarkkeja luomaan pyöreitä kulmia - kuinka nopeasti me unohdamme?
Web-suunnittelun edistymistä voidaan edistää erilaisten koodaussekvenssien jatkuvassa kehityksessä. Et voi olla hyvä web-suunnittelu ilman hienoa web-kehitystä (ja päinvastoin). Ja luulisi, että asiat saattavat olla monimutkaisempia, kunhan kehitys jatkuu, mutta melko ilmeiset asiat ovat helpottuneet. Katso esimerkiksi HTML4 vs. HTML5.
Yksi suurimmista kehityksestä, hyvin kehityksestä ja suunnittelusta on ollut jQueryn käyttö. Se on luultavasti yksi helpoimmista JavaScript-kirjastoista oppimaan ja koodaamaan, samoin kuin tekemään melko siistiä asioita. Jos suunnittelet vapaasti ja / tai haluat joitain todella mahtavia vuorovaikutuksia suunnittelun ja yleisön välillä, käytät todennäköisesti jQueryä.
Lisäosat
jQuery ei vain korjaa todellista muotoilua, mutta se tekee pehmeämmistä käyttäjäkokemuksista. Kun sivustot on tarkoitus tehdä tervetulleiksi yleisöösi ja heidän liikkuvuuden helpottamiseksi, tämä on tärkeää. Suunnittelu on myös tärkeää, jos käytät suurta luovuutta suunnittelussa. Pohjimmiltaan sivustojen luomiseen ei pitäisi olla rajoituksia, ja jQuery on erittäin hyödyllinen varmistaessasi, ettet ole loukussa laatikoissa. Joten mitä jQuery voi tehdä sinulle? Alla on muutamia hienoja lisäosia, joiden avulla voit olla mahdollisimman luova ja tuore web-kehityksessä.
jQuery-verkko mobiili
Jotkut suunnittelijat haluavat avata haluamansa ohjelman ja suunnitella mitä he haluavat ilman huolia. On muita, jotka haluavat ottaa menetelmän hulluksi. Web-suunnittelustandardit viittaavat siihen, että meidän on hyödynnettävä verkkoja, jotka auttavat meitä suunnittelemaan suuria ja tehokkaita verkkosivustoja, varsinkin jos suunnittelet blogia tai uutissivustoa. Toinen osa tätä ajatusta varten on, että verkon tulisi olla joustava ja reagoiva. Tämän plugin avulla voit luoda useita sarakkeita (ja ilman) reagointikykyä.
ArcText.js
Vain muutama vuosi sitten, jos haluat, että sinulla on todella hienoja kirjasimia ja kirjoitustekijöitä verkkosivustollesi, sinun oli avattava haluttu suunnitteluohjelma ja luotava graafinen kuva mitä tahansa haluamallasi tavalla. Se oli okeistekniikka, kunnes ihmiset ymmärtäisivät, ettei se ollut joustavin eikä myöskään hyvin hakukoneoptimoinnin kannalta. Edistyksillä ja teknologialla olemme kuitenkin kyenneet käyttämään koristeellisia fontteja verkossa. Ei vain, mutta tämän plugin avulla pystymme lisäämään niitä muotoilua, joka ei muuten olisi käytettävissä Photoshopin ulkopuolella.
Fancy Moves
Nykyajan webdesignin yleinen suuntaus on kyky tehdä asioita liikkua. On lähes mahdotonta käydä verkkosivuilla ja todistaa staattisia kuvia - lähes jokainen käyttää kuvan liukusäädintä jossain muodossa tai muotia. Monet näistä liukusäätimistä ovat automaattisia ja muuta kuvia tietystä aikakehyksestä. Siellä ei ole mitään vikaa, mutta miten voit ottaa tällaisen konseptin ja parantaa sitä käyttökokemusta? Tämä Fancy-elokuvat-plugin näyttää saavan sen selville antamalla katsojia hallitsemaan diaa, ei vain napsauttamalla seuraavaa nuolta vaan kätevästi nuolinäppäimillä niiden näppäimistöillä.
FitText
Suunnittelun typografia on äärimmäisen tärkeää. Web-suunnittelijat tarvitsevat mahdollisuuden käyttää mitä fontteja he haluavat ja sitten yhdistää ne haluamallansa tavalla. Cufonin ja CSS: n kautta tämä on mahdollista, mutta viime aikoina tärkeä asia on verkkosivuston reaktio. Jos suunnittelusi ei voi olla joustava, se on melkein hyödytöntä ja yksi tärkeimmistä sivustoista, jotka täytyy reagoida, on typografia. FitTextin avulla otsikot ja täyttöteksti ovat suuret, riippumatta ikkunakoosta tai laitteesta, jolla tarkistetaan verkkosivustosi ulos.
Hover Zoom
Tapa, jolla tietyt elementit reagoivat sivuston vuorovaikutuksiin, voivat vaikuttaa (negatiivisesti ja positiivisesti) tapaan, jolla katsojat reagoivat siihen. Yksi yksinkertainen vuorovaikutus, jota aina toistetaan, on hover-ominaisuus. Kun laitat hiiren kuvan päälle tai jopa linkkiin, se on melkein yhteinen, että elementti tekee jotain; ja mitä paremmin reaktio, sitä paremmat ihmiset reagevat. Tämä laajennus on tarkoitettu kuvia varten, kun niitä liikutetaan, zoomata tai pienentää ja tarjoaa myös lisätietoja. Jos sitä käytetään oikein, se voi olla erittäin tehokas. Puhumattakaan, suunnittelu sujuu hyvin.
jRumble
Suunnittelijoiden on ymmärrettävä, että sivustojen tekemisessä meillä on paljon valtaa. Voimme saada ihmiset näkemään, mitä haluamme heidän näkevän eikä näe asioita, joita emme halua heidän näkevänsä. Perussuunnitteluperiaatteet, kuten tasapaino ja hierarkia, voivat auttaa hallitsemaan tarkkailijoiden kiinnostusta ja kiinnostusta. On hienovaraisia tapoja tehdä tämä. jRumble on intohimoisempi saada yksi nähdä ja huomata asioita voimakkaammalla, räikeämmällä tavalla. Se on hauska plugin ja kun sitä käytetään säästeliäästi, se voi olla tehokas mihin tahansa tarkoitukseen. Muista vain, ettet yritä tehdä sitä.
jQSlickWrap
Tekstuurien luominen voi olla vaikea asia. Ei ole kyse vain fonteista, jotka valitset, vaan myös siitä, miten esität sen, mikä tekee siitä tehokkaan. Jos suunnittelet sivustoa, joka suunnittelee, että sinulla on suuria tekstipanoksia, vääränlainen käyttöönotto saattaa aiheuttaa lukijoilleen olevan täysin kiinnostuneita siitä, mitä sanot. Monilla suunnittelijoilla on ongelmia, kun yrität tehdä kuvia ja tekstiä hyvin vuorovaikutteisesti toistensa kanssa. Jos et ole äärimmäisen osassa tekstin osia tai huomaat, että teksti ja kuvat toimivat vuorovaikutuksessa, tämä voi olla plugin sinulle. Ei enää sanomalehtimäisiä lukemia, mutta luovaa vapautta.
jQuery Offset -animaatio
Kuten aiemmin todettiin, staattiset verkkosivustot eivät ole yhtä yleisiä nykyisin kuin aikaisempina vuosina. Monet asiat ovat auttaneet luomaan dynaamisia verkkosivustoja, jotka liikkuvat ja toimivat hyvin vuorovaikutuksessa katsojiensa kanssa. Yksi asia, jQuery, lisäsi tähän keskusteluun on kyky luoda suuria animaatioita ja siirtymiä elementistä elementtiin. Tämä laajennus luo sujuvan liukuvan tai pyyhkäisyn siirtymän siirtymään elementistä toiseen. Se tekee erittäin miellyttävä verkkosivuilla.
Selaa-O-Rama
Kun nimi on "Scroll-O-Rama", voit siirtää tämän plugin ylös, mutta suosittelen, ettet. Hauskaa ja hienoa kuin tämä plugin on, uskon, että se voi olla suosittu sinulle yhden sivun verkkosivujen trendikkäässä kapealla alueella. Kun vierität yhden sivun verkkosivustoja, odotat jotain. Tämä laajennus mahdollistaa sen, että otsikot ja teksti tanssivat, kun ohitat sen. Se on toinen plugi, jota käytetään lähinnä koristeellisiin tarkoituksiin, mutta jos voit ripotella sen sivustostasi ja käyttää sitä oikeilla paikoilla, voit toistaa tätä pluginasi voimaa.
jQuery Shadow Plugin
Jos haluat lisätä hieman syvyyttä kuvia tai elementtejä varten, suunnittelijat haluavat käyttää pudotusvarjoja. On olemassa kaksi suosittua tapaa, joilla suunnittelijat luovat varjoja, jotka ovat CSS: n kautta tai luodaan varjo suunnitteluprojektissaan ja yleensä tallentavat sen eräänlaiseksi läpinäkyväksi tiedostoksi. Useimmiten tämä toimii ja joskus voi olla joitakin ongelmia, mutta mikä on hienoa tästä pluginista, se mahdollistaa erilaisten varjotyyppien lisäämisen mihin tahansa haluamallesi elementeistolle ilman suunnittelua, ja se toimii selaimessa.
Slitslide
Hyvät siirtymät verkkosivuilla tekevät hauska ja tantalising kokemus. Olemme jo antaneet sinulle hyvää plugin elementti elementin siirtymät, mutta tämä plugin on hieno sivulle siirtyminen sivulle. Tämän Slitslide-laajennuksen avulla sivu jakaa, liukuu ja tuo uusia sivuja suoraan sen takana. Tämä on erittäin dynaaminen työkalu, joka lisää jännitystä ja makua sivustoille, jotka saattavat tarvita sitä ylimääräistä tasoa.
kallistuu
Työkalut ovat elementti, jota käytetään monesta syystä; kiinnittää huomiota, lisää tietoa tai mikä tahansa siihen sopii. Se toimii paljon kuin liukuva vaikutus, jos jos sitä käytetään oikein, se voi olla erittäin tehokas. On olemassa joukko jQuery-laajennuksia, jotka palvelevat työkaluustietojen kehittämistä ja käyttöä. Tipped on plugin, joka toimii ja sillä on monia ominaisuuksia, joista suurin osa on HTML5- ja CSS-muokattavissa, mikä tekee siitä helppoa ja sileää.
Putkimainen
Voimme kaikki olla samaa mieltä siitä, että vilkkuva tausta ei ole silloin, kun luovuus on. Kuitenkin on olemassa muita asioita, jotka voidaan lisätä taustalle, jotta sivustosi on hieman kipinöitä. Saatat olla vain suunnitelma ja haluamasi hyvin rakennettu kuvio, mutta saatat haluta jotain hieman dynaamisempaa. Tubular on plugin, jonka avulla voit käyttää YouTube-videoita taustaksi. Ajattele hauskoja ja luovia mahdollisuuksia, joita voitiin punnita tämän kanssa.
jmpress
jQuery-nappi
3d Thumbnail Hover
Keskustelimme jo kuvahaun vaikutuksesta ja siitä, miten se voi olla tehokas web-sivustoille. No, mitä jos haluat hieman enemmän pizzazz-kuvasi? Tämä laajennus antaa kuvan hover-vaikutuksen, joka paljastaa tiedot hieman 3D-kierteellä.
blur.js
Hyvä suunnittelu voi todella olla eroa hyvän ja huonon verkkosivuston välillä. Usein päätös ei koske koko mallia, vaan pikku yksityiskohtia. siksi käytämme työkaluvihjeitä ja hienoja otsikkotekstejä. Tämä lisäosasto lisää hieman enemmän yksityiskohtia sivustoosi, jos haluat. Tämä plugin luo tuottaa psuedo-läpinäkyviä hämärtyneitä elementtejä muihin elementteihin nähden. Tämä on koristeellinen plugin, mutta sitä voidaan hyödyntää.
johtopäätös
Web-muotoilua voi parantaa monin tavoin, jotta se olisi tuore ja houkutteleva kävijöillemme. Muista, että haluat tehdä jotain, joka ei ole vain luova, vaan luova ja tehokas. Työkalut meillä on nyt hieno ja mikä vielä parempaa on, tekniikka on yhä kasvussa ja parempia asioita sivuston luomiseen odottavat meitä.