Man kan bare forestille seg hvor tøft det var å øve webdesign igjen da alt virket så nytt - i løpet av dagene til Netscape Navigator og Microsoft FrontPage. Ser tilbake, virker det som en arkaisk tid i historien om webdesign. Det var nesten umulig å designe noe av ypperlig og intelligent kreativitet. Derefter ble du sett på som kreativ hvis du hadde en forferdelig blinkende bakgrunn eller farget rullestenger.

Det var ikke massevis av fleksibilitet virkelig da det kom ned til det nitty gritty av design. Mange av layoutene var de samme og etterliknet det som ble sett i magasiner og aviser. Jeg mener bare å tenke på det: ikke for lenge siden var vi i stand til å finne ut en måte å bruke dekorative skrifttyper på nettet. Først var det hele Arial, alle Verdana og alle Times New Roman - i 2012 kan du forestille deg å leve det livet?

Tabeller var normen og de var ikke så fleksible. Når vi snakket om fleksibilitet, hvordan levde vi noen gang uten respons? Hvis du ønsket å designe et nettsted for en stund siden, ble du ganske mye pakket inn for å jobbe med det du hadde. Ingen klaget da, men tusen takk for progressiv teknologi.

Nå…

Raskt frem til nå, og vi kan ganske mye designe alt som vi vil, i hva vi vil. Disse typer ting bør ikke tas for gitt, men som nye generasjoner av designere og utviklere går inn i dette riket, er det ganske mye. Jeg mener, for noen få måneder siden, var vi endelig i stand til å bruke stilark for å lage avrundede hjørner - hvor fort glemmer vi?

Fremskrittene i webdesign kan bidra til den pågående utviklingen av forskjellige kodende språk. Du kan ikke ha et flott webdesign uten noen god webutvikling (og omvendt). Og du tror, ​​ting kan ha blitt mer komplisert så langt utviklingen går, men det er ganske åpenbare ting har blitt enklere. Ta en titt, for eksempel, på HTML4 vs HTML5.

En av de største utviklingene i, vel, utvikling og design har vært bruken av jQuery. Det er sannsynligvis et av de enkleste JavaScript-bibliotekene å lære og kode med, i tillegg til å gjøre noen ganske fine ting med. Hvis du designer fritt og / eller ønsker noen virkelig fantastiske samspill mellom design og målgruppe, vil du sannsynligvis bruke jQuery.

Plugins

jQuery er ikke bare opprinnelig av din faktiske design, men det gir jevnere brukeropplevelser. Når nettsteder skal gjøres for å imøtekomme publikum og gjøre det enkelt for dem å bevege seg rundt, er dette viktig. Designet er også viktig hvis du bruker en stor kreativitet med designen din. I utgangspunktet bør det ikke være noen grenser når det gjelder å lage nettsteder, og jQuery er ekstremt nyttig for å sikre at du ikke er fanget i bokser. Så hva kan jQuery gjøre for deg? Nedenfor er noen flotte plugins som lar deg være så kreativ og frisk i webutvikling som mulig.

jQuery grid mobil

Noen designere liker å åpne opp programmet etter eget valg og designe hva de vil uten å være i tvil. Det er andre som liker å ha en metode til deres galskap. Webdesignstandarder tyder på at vi skal bruke nett for å hjelpe oss med å utforme flotte og effektive nettsteder, spesielt hvis du designer en blogg eller nyhetsside. En annen del av den ideen er at nettverket skal være fleksibelt og responsivt. Denne plugin lar deg lage flere kolonner med (og uten) respons.

ArcText.js

For bare et par år siden, hvis du ønsket å ha noen veldig gode skrifttyper og typografiske effekter på nettstedet ditt, måtte du åpne ønsket designprogram og lage en grafikk med hva du ønsket på det. Det var en ok teknikk inntil folk skjønte at det ikke var det mest fleksible, og det gikk heller ikke bra med søkemotoroptimalisering. Med fremskritt og teknologi har vi imidlertid blitt i stand til å bruke dekorative skrifttyper på nettet. Ikke bare det, men med denne pluggen kan vi legge til noen styling til dem som ellers ikke ville være tilgjengelige utenfor Photoshop.

Fancy Moves

En felles trend i moderne webdesign er evnen til å få ting til å bevege seg. Det er nesten umulig å besøke et nettsted og vitne til statiske bilder - nesten alle bruker en bildeskifter i noen form eller mote. Mange av disse skyvekontrollene er automatiske og endrer bilder gitt en bestemt tidsramme. Det er ikke noe galt med det, men hvordan kan du ta et slikt konsept og gjøre det større for brukeropplevelsen? Dette Fancy Movies-pluginet synes å ha det funnet ut ved å la seerne kontrollere lysbildet, ikke bare ved å klikke på den neste pilen, men ved å trygt trykke på piltastene på tastaturene.

FitText

Typografi i design er ekstremt viktig. Webdesignere trenger evnen til å bruke hvilke skrifttyper de vil, og deretter sette det sammen på den måten de ønsker. Gjennom ting som Cufon og CSS, det er mulig, men av stor betydning i det siste er responsen til et nettsted. Hvis designen din ikke kan være fleksibel, er den nesten ubrukelig, og en av de viktigste delene av nettsteder som må være lydhør er typografien. FitText gjør at topptekstene og fyllteksten kan være bra, uansett størrelsen på vinduet eller enheten som brukes til å sjekke nettstedet ditt.

Hover Zoom

Måten enkelte elementer reagerer på interaksjoner på et nettsted kan påvirke (negativt og positivt) måten som seere reagerer på. En enkel interaksjon som alltid blir spilt opp, er svevefunksjonen. Når du legger musen over et bilde eller til og med en lenke, er det nesten vanlig for det elementet å gjøre noe; og jo bedre reaksjonen, jo bedre folk vil svare, gjør det. Denne plugin er for bilder som, når de svinger, zoomer inn eller ut, og gir også tilleggsinformasjon. Hvis det brukes riktig, kan dette være ekstremt effektivt. For ikke å nevne, vil designen gå bra.

jRumble

Hva designere må innse er at når vi lager nettsteder, har vi mye kraft. Vi kan få folk til å se hva vi vil at de skal se og ikke se de tingene vi ikke vil at de skal se. Grunnleggende designprinsipper, som balanse og hierarki, kan bidra til å sveve fokus og interesse for seerne. Det er subtile måter å gjøre dette på. jRumble er mer lidenskapelig om å få en til å se og legge merke til ting på en mer kraftfull, blatant måte. Det er et morsomt plugin, og når det brukes sparsomt, kan det være effektivt for noe formål. Bare husk å ikke over gjøre det.

jQSlickWrap

Å lage layouter for teksten kan være en vanskelig ting. Det handler ikke bare om skrifttyper du velger, men også måten du presenterer den på som gjør den effektiv. Hvis du designer et nettsted som planlegger å ha store tekstblokker, kan det hende at leserne dine ikke er interessert i hva du sier. Mange designere har problemer når de prøver å lage bilder og tekst samhandler godt med hverandre. Hvis du ikke er ekstremt inn i tekstblokkene, eller du finner ut at du vil at tekst og bilder skal samhandle mer, kan dette være plugin for deg. Ikke flere avis-esque avlesninger, men mer kreativ frihet.

jQuery Offset Animasjon

Som tidligere nevnt er statiske nettsteder ikke like vanlige i dag som de kan ha vært i tidligere år. Mange ting har blitt medvirkende til å bidra til å skape dynamiske nettsteder som beveger seg og samhandler godt med sine seere. En ting jQuery hadde lagt til den samtalen, er evnen til å skape flotte animasjoner og overganger fra element til element. Denne plugin skaper en jevn glidende eller feiende overgang for å flytte fra ett element til det neste. Det gir en veldig hyggelig nettside.

Rull-O-Rama

Med et navn som "Scroll-O-Rama", kan du passere denne plugin-modulen, men jeg anbefaler deg ikke. Så morsomt og flott som dette pluginet er, tror jeg det kan bli populært i den trendy nisje på nettsidene. Når du rulle rundt enkelsidetjenester, forventer du at noe skal skje. Denne plugin gjør det mulig å overskrifter og tekst å danse når du passerer den. Det er en annen plugin som hovedsakelig brukes til dekorative formål, men hvis du kan sprute den om nettstedet ditt og bruke det på de riktige stedene, kan du spille dette pluginet for en styrke.

jQuery Shadow Plugin

For å legge til litt dybde i bilder eller elementer noen ganger, liker designere å bruke dropshadows. Det er to populære måter hvor designere lager skygger, og det er gjennom CSS eller skape skyggen i deres designprogram og lagrer det vanligvis som en slags gjennomsiktig fil. De fleste ganger virker dette, og noen ganger kan det være noen problemer, men det som er bra med dette pluginet, er at du kan legge til forskjellige skyggetyper til hvilke elementer du liker uten å måtte designe dem, og det fungerer på tvers av nettleseren.

Slitslide

Gode ​​overganger på nettsteder gir en morsom og spennende opplevelse. Vi har allerede gitt deg en god plugin for element til elementoverganger, men dette pluginet er flott for side til sideoverganger. Med denne Slitslide-plugin splitter siden, glir og introducerer nye sider direkte bak den. Dette er et ekstremt dynamisk verktøy som gir litt spenning og smak til nettsteder som kan trenge det ekstra nivået.

tippet

Verktøytips er et element som brukes av mange grunner; å trekke oppmerksomhet, legge til informasjon eller hva du kan passe inn i den. Det virker som en svingeffekt, der hvis den brukes riktig, kan være ekstremt effektiv. Det er massevis av jQuery-plugins som imøtekommer utviklingen og bruken av verktøytips. Tipped er et plugin som fungerer og har mange funksjoner, hvorav de fleste er tilpassbare av HTML5 og CSS, noe som gir en enkel og jevn bygg.

Tubular

Vi kan alle være enige om at en blinkende bakgrunn ikke er der kreativitet ligger. Det er imidlertid andre ting som kan legges til bakgrunnen din for å gi nettstedet ditt litt gnist. Du kan bare være strengt om design og ønsker et godt sammensatt mønster, men du vil kanskje ha noe litt mer dynamisk. Tubular er et plugin som lar deg bruke YouTube-videoer til å fungere som bakgrunn. Tenk på de morsomme og kreative mulighetene man kunne score med dette.

jmpress

Noen nettsteder eller undersider er bare rundt for å gi oss litt informasjon. Det kan ikke være massevis av kopi, og det kan ikke være massevis av fotografier, men det er viktig informasjon likevel. I mange møter med disse volumene og typer informasjon, er vi vant til å sette og presentere dem i lysbildeserier. Dette jQuery-pluginet minner om det, mens du bruker en uendelig bakgrunn med noen flotte animasjoner.

jQuery-knappen

Vi lever i en veldig visuell tid, hvor tall og informasjon er lettere å se enn det er å virkelig tenke på. Noen av oss foretrekker selv å se vår informasjon før vi virkelig forstår det og kan bruke den. Hvis du har litt informasjon å tilby, er dette pluginet flott å hjelpe til med å visualisere tall. Det er en interaktiv dial / sirkelgraf av sorter som fungerer, og tillater seere å endre informasjonen også.

3d miniatyrbilde

Vi snakket allerede om bildet svinger effekten og hvordan det kan være veldig effektivt for nettsteder. Vel, hva om du vil ha litt mer pizzazz for bildene dine? Denne plugin gir deg en bildeoverflytende effekt som avslører informasjon med litt av en 3D-vri.

blur.js

God design kan virkelig være forskjellen mellom en god og en dårlig nettside. Ofte er beslutningen ikke om utformingen som helhet, men om de små detaljene; Derfor bruker vi verktøytips og flotte overskriftstekster. Dette pluginet legger til litt mer detaljert informasjon på nettstedet ditt, hvis du ønsker det. Denne plugin skaper produserer psuedo-gjennomsiktige uskarpe elementer over andre elementer. Dette er en dekorativ plugin, men kan brukes til nytte.

Konklusjon

Det er mange måter å forbedre webdesignet ditt for å gjøre det friskt og tiltalende for dine besøkende. Husk at du vil lage noe som ikke bare er kreativt, men kreativt og effektivt. Verktøyene vi har nå er flotte, og hva som er enda bedre, er teknologien fortsatt økende, og bedre ting for opprettelsen av nettstedet venter på oss.