Store JQuery-plugins til friske hjemmesider
Man kan kun forestille sig, hvor svært det var at øve webdesign igen, da alt syntes så nyt - i løbet af Netscape Navigator og Microsoft FrontPages dage. Ser tilbage, ser det ud til en sådan arkaisk tid i webdesignets historie. Det var næsten umuligt at designe noget af højeste og intelligente kreativitet. Derefter blev du betragtet som kreativ, hvis du havde en forfærdelig blinkende baggrund eller farvede rullebjælker.
Der var ikke masser af fleksibilitet virkelig, da det kom ned til den nitty gritty af design. Mange af layouterne var de samme og efterlignede det, der blev set i magasiner og aviser. Jeg mener bare at tænke over det: for længe siden kunne vi endelig finde ud af en måde at bruge dekorative skrifttyper online på. Først var det alle Arial, alle Verdana og alle Times New Roman - i 2012 kan du forestille dig at leve det liv?
Tabeller var normen, og de var ikke for fleksible. Taler vi om fleksibilitet, hvordan levede vi nogensinde uden respons? Hvis du ønskede at designe et websted for et stykke tid siden, blev du temmelig meget indrammet til at arbejde med det, du havde. Ingen klagede da, men takke godhed for progressiv teknologi.
Nu…
Hurtigt frem til nu, og vi kan stort set designe alt, hvad vi vil, i hvad vi vil. Disse typer ting bør ikke tages for givet, men som nye generationer af designere og udviklere går ind i dette rige, er det temmelig meget. Jeg mener, for nogle få måneder siden kunne vi endelig bruge stilark til at skabe afrundede hjørner - hvor hurtigt glemmer vi det?
Fremskridtene i webdesign kan bidrage til den løbende udvikling af forskellige kodningssprog. Du kan ikke have et godt webdesign uden nogen god webudvikling (og omvendt). Og du ville tro, at ting kan være blevet mere komplicerede, når udviklingen går, men det er ret oplagte ting er blevet lettere. Se f.eks. På HTML4 vs. HTML5.
En af de største udviklinger i, vel, udvikling og design har været brugen af jQuery. Det er nok et af de nemmeste JavaScript-biblioteker at lære og kode med, samt lave nogle ret hyggelige ting med. Hvis du designer frit og / eller ønsker nogle rigtig fantastiske interaktioner mellem dit design og dit publikum, vil du sikkert bruge jQuery.
Plugins
jQuery er ikke bare på forkant med dit faktiske design, men det giver jævnere brugeroplevelser. Når websites skal laves for at byde dit publikum velkommen og gøre det nemt for dem at bevæge sig rundt, er dette vigtigt. Designet er også vigtigt, hvis du bruger en stor mængde kreativitet med dit design. Dybest set bør der ikke være nogen begrænsninger, når det drejer sig om at oprette hjemmesider, og jQuery er yderst hjælpsom til at sikre, at du ikke er fanget i kasser. Så hvad kan jQuery gøre for dig? Nedenfor er nogle gode plugins, som giver dig mulighed for at være lige så kreative og friske i webudvikling som muligt.
jQuery gitter mobil
Nogle designere kan lide at åbne programmet efter eget valg og designe, hvad de vil uden problemer. Der er andre, der kan lide at have en metode til deres vanvid. Webdesignstandarder tyder på, at vi bør bruge net til at hjælpe os med at designe flotte og effektive websteder, især hvis du designer en blog eller nyhedssite. En anden del af den idé er, at nettet skal være fleksibelt og lydhørt. Dette plugin giver dig mulighed for at oprette flere kolonner med (og uden) lydhørhed.
ArcText.js
For blot et par år siden, hvis du ønskede at have nogle rigtig gode skrifttyper og typografiske effekter på din hjemmeside, måtte du åbne dit ønskede designprogram og skabe en grafik med det, du ønskede på det. Det var en ok teknik, indtil folk indså, at det ikke var det mest fleksible, og det gik heller ikke godt med søgemaskineoptimering. Med fremskridt og teknologi er vi imidlertid blevet i stand til at bruge dekorative skrifttyper online. Ikke bare det, men med denne plug in kan vi tilføje nogle styling til dem, der ellers ikke ville være tilgængelige uden for Photoshop.
Fancy Moves
En fælles tendens i moderne webdesign er evnen til at få tingene til at bevæge sig. Det er næsten umuligt at besøge et websted og vidne statiske billeder - næsten alle bruger en billedskyder i en eller anden form. Mange af disse skydere er automatiske og ændrer billeder med en bestemt tidsramme. Der er ikke noget galt med det, men hvordan kan du tage et sådant koncept og gøre det større for brugeroplevelsen? Denne Fancy Movies-plugin ser ud til at have udtalt ved at lade seerne kontrollere diaset, ikke blot ved at klikke på den næste pil, men ved at trykke komfortabelt på piletasterne på deres tastaturer.
FitText
Typografi i design er yderst vigtigt. Webdesignere har brug for evnen til at bruge de fonter, de vil have, og så sætte det sammen på den måde, de ønsker. Gennem ting som Cufon og CSS, det er muligt, men af stor betydning i det seneste er lyden af et websted. Hvis dit design ikke kan være fleksibelt, er det næsten ubrugeligt, og en af de vigtigste dele af websteder, der skal være lydhør, er typografien. FitText gør det muligt for dine overskrifter og fyldtekst at være fantastisk, uanset vinduestørrelse eller enhed, der bruges til at tjekke din hjemmeside ud.
Hover Zoom
Den måde, hvorpå visse elementer reagerer på interaktioner på et websted, kan påvirke (negativt og positivt) måden, hvorpå seerne reagerer på det. En simpel interaktion, der altid afspilles, er svævefunktionen. Når du lægger musen over et billede eller endda et link, er det næsten almindeligt for det element at gøre noget; og jo bedre reaktionen, jo bedre folk vil reagere gøre det. Dette plugin er til billeder, der, når det hoveres, zoomer ind eller ud og giver også yderligere information. Hvis det anvendes korrekt, kan dette være yderst effektivt. For ikke at nævne, vil designet gå godt.
jRumble
Hvilke designere er nødt til at indse, er, når vi laver websites, vi har meget magt. Vi kan få folk til at se, hvad vi vil have dem til at se og ikke se de ting, vi ikke ønsker, at de skal se. Grundlæggende designprincipper, som balance og hierarki, kan bidrage til at svæve fokus og interesser for seerne. Der er subtile måder at gøre dette på. jRumble er mere lidenskabelig med at få en til at se og lægge mærke til ting på en mere kraftfuld og åbenlyst måde. Det er et sjovt plugin, og når det bruges sparsomt, kan det være effektivt uanset formål. Bare husk ikke at gøre det.
jQSlickWrap
Oprettelse af layouter til din tekst kan være en vanskelig ting. Det handler ikke kun om de skrifttyper, du vælger, men også den måde, hvorpå du præsenterer det, der gør det effektivt. Hvis du designer et websted, der planlægger at have store tekstblokke, kan det medføre, at dine læsere bliver fuldstændig uinteresserede i det, du siger. Mange designere har problemer, når de forsøger at gøre billeder og tekst interagere godt med hinanden. Hvis du ikke er ekstremt ind i tekstblokkene, eller du finder ud af, at du vil have din tekst og billeder til at interagere mere, kan det være pluginet for dig. Ikke flere avis-esque aflæsninger, men mere kreativ frihed.
jQuery Offset Animation
Som tidligere nævnt er statiske hjemmesider ikke så almindelige i dag, som de måske har været i tidligere år. Mange ting er blevet med til at bidrage til at skabe dynamiske hjemmesider, der bevæger sig og interagerer godt med deres seere. En ting jQuery havde tilføjet til den samtale er evnen til at skabe flotte animationer og overgange fra element til element. Dette plugin skaber en jævn glidende eller fejende overgang for at flytte fra et element til det næste. Det giver en meget sjov hjemmeside.
Rulle-O-Rama
Med et navn som 'Scroll-O-Rama', kan du overføre denne plugin, men jeg vil råde dig til ikke. Så sjovt og godt som dette plugin er, tror jeg, det kan gøres populært i den trendy niche på single page websites. Når du ruller rundt om enkeltwebsider, forventes det, at der sker noget. Denne plugin giver stort set overskrifter og tekst til at danse, når du passerer den. Det er et andet plugin, der hovedsagelig bruges til dekorative formål, men hvis du kan sprøjte det om dit websted og bruge det på de rigtige steder, kan du afspille dette plugin for en styrke.
jQuery Shadow Plugin
For at tilføje lidt dybde til billeder eller elementer nogle gange, kan designere lide at bruge drop shadows. Der er to populære måder, hvorpå designere opretter skygger, og det er gennem CSS eller at skabe skyggen i deres designprogram og typisk gemme den som en slags transparent fil. De fleste gange virker dette, og nogle gange kan der være nogle problemer, men hvad er godt med dette plugin, det giver dig mulighed for at tilføje forskellige skygttyper til de elementer, du kan lide uden at skulle designe dem, og det virker på tværs af browseren.
Slitslide
Gode overgange på hjemmesider skaber en sjov og spændende oplevelse. Vi har allerede givet dig et godt plugin til element til elementovergange, men dette plugin er fantastisk til side til sideovergange. Med dette Slitslide-plugin splitter siden, glider og introducerer nye sider direkte bag den. Dette er et ekstremt dynamisk værktøj, der tilføjer spænding og smag til websteder, der muligvis kræver det ekstra niveau.
i drikkepenge
Værktøjstip er et element, der anvendes af mange grunde; at trække opmærksomhed, tilføje oplysninger eller hvad du kan passe ind i den. Det virker meget som en sværgeffekt, hvor hvis den anvendes korrekt, kan den være ekstremt effektiv. Der er masser af jQuery-plugins, der tager højde for udviklingen og brugen af værktøjstips. Tipped er et plugin, der virker og har mange funktioner, hvoraf de fleste er tilpasselige af HTML5 og CSS, hvilket gør det nemt og smidigt at bygge.
Tubular
Vi kan alle være enige om, at en blinkende baggrund ikke er hvor kreativitet ligger. Der er dog andre ting, der kan tilføjes til din baggrund for at give dit websted lidt af en gnist. Du kan bare være strengt om design og ønsker et godt sammensat mønster, men du vil måske have noget mere dynamisk. Tubular er et plugin, som giver dig mulighed for at bruge YouTube-videoer til at fungere som din baggrund. Tænk på de sjove og kreative muligheder man kunne score med dette.
jmpress
jQuery Knob
3d miniaturebillede
Vi har allerede talt om billedhvirvelvirkningen og hvordan den kan være stor effektiv til websider. Nå, hvad hvis du vil have lidt mere pizzazz til dine billeder? Dette plugin giver dig en billedhøjdeffekt, der afslører information med lidt 3D-twist.
blur.js
Godt design kan virkelig være forskellen mellem en god og en dårlig hjemmeside. Ofte handler beslutningen ikke om designet som helhed, men om de små detaljer; Derfor bruger vi værktøjstips og gode overskriftstekster. Dette plugin tilføjer lidt mere detaljer til dit websted, hvis du ønsker det. Dette plugin skaber producerer psuedo-gennemsigtige slørede elementer over andre elementer. Dette er et dekorativt plugin, men kan bruges til gavn.
Konklusion
Der er mange måder at forbedre dit webdesign på for at gøre det frisk og tiltrækkende for dine besøgende. Husk at du vil lave noget, der ikke kun er kreativt, men kreativt og effektivt. De værktøjer, vi har nu, er gode, og hvad er endnu bedre, er teknologien stadig stigende, og bedre ting til oprettelse af hjemmesider venter os.