Stora JQuery-plugins för nya webbplatser
Man kan bara föreställa sig hur svårt det var att träna webbdesign igen när allt verkade så nytt - under Netscape Navigator och Microsoft FrontPages dagar. Ser tillbaka, det verkar som en sådan arkaisk tid i webbdesignens historia. Det var nästan omöjligt att utforma något av överlägsen och intelligent kreativitet. Därefter sågs du som kreativ om du hade en hemsk blinkande bakgrund eller färgade rullstänger.
Det fanns inte massor av flexibilitet, verkligen när det kom ner till designens nitty gritty. Många av layouterna var desamma och liknade det som sågs i tidningar och tidningar. Jag menar bara att tänka på det: inte för länge sedan kunde vi äntligen finna ut ett sätt att använda dekorativa teckensnitt på nätet. I förväg var det alla Arial, alla Verdana och alla Times New Roman - kan du föreställa dig att du levde livet i 2012?
Tabeller var normen och de var inte för flexibla. När vi talade om flexibilitet, hur levde vi någonsin utan respons? Om du ville designa en webbplats för ett tag sedan var du ganska inramad för att arbeta med vad du hade. Ingen klagade då, men tacka för progressiv teknik.
Nu…
Snabbspolning fram till nu, och vi kan ganska noggrant utforma allt som vi vill, i vad vi vill. Dessa typer av saker bör inte tas för givet, men som nya generationer av designers och utvecklare går in på detta rike är det ganska mycket. Jag menar, för några månader sedan, kunde vi äntligen använda stilark för att skapa rundade hörn - hur snabbt glömmer vi?
Framstegen i webbdesign kan bidra till den pågående utvecklingen av olika kodningsspråk. Du kan inte ha en bra webbdesign utan någon bra webbutveckling (och vice versa). Och du skulle tro att saker kan ha blivit mer komplicerade när det gäller utveckling, men det är ganska uppenbart saker har blivit enklare. Ta en titt, till exempel, på HTML4 vs HTML5.
En av de största utvecklingen i, väl, utveckling och design har varit användningen av jQuery. Det är förmodligen ett av de enklaste JavaScript-biblioteken att lära och koda med, liksom göra några ganska snygga saker med. Om du designar fritt och / eller önskar några riktigt fantastiska interaktioner mellan din design och din publik, kommer du förmodligen att använda jQuery.
Plugins
jQuery stämmer inte bara med din verkliga design men det ger smidigare användarupplevelser. När webbplatser ska göras för att välkomna din publik och göra det enkelt för dem att flytta runt, är detta viktigt. Designen är också viktig om du använder en stor kreativitet med din design. I grund och botten borde det inte finnas några gränser när det gäller att skapa webbplatser, och jQuery är mycket användbart för att du inte är fast i lådor. Så vad kan jQuery göra för dig? Nedan följer några bra plugins som gör att du kan vara så kreativ och frisk i webbutveckling som möjligt.
jQuery-mobilnätet
Vissa designers tycker om att öppna programmet efter eget val och utforma vad de vill utan problem. Det finns andra som gillar att ha en metod för deras galenskap. Webdesignstandarder föreslår att vi ska använda nät för att hjälpa oss att designa bra och effektiva webbplatser, särskilt om du utformar en blogg eller en nyhetssida. En andra del till den tanken är att nätet ska vara flexibelt och lyhörd. Med denna plugin kan du skapa flera kolumner med (och utan) lyhördhet.
ArcText.js
För bara några år sedan, om du ville ha några riktigt bra typsnitt och typografiska effekter på din webbplats, var du tvungen att öppna ditt önskade designprogram och skapa en grafik med vad du ville ha på den. Det var en ok teknik tills folk insåg att det inte var det mest flexibla, och det gick inte bra med sökmotoroptimering. Med framsteg och teknik har vi dock kunnat använda dekorativa teckensnitt på nätet. Inte bara det, men med den här pluggen kan vi lägga till några stylingar till dem som annars inte skulle vara tillgängliga utanför Photoshop.
Fancy Moves
En vanlig trend i modern webbdesign är möjligheten att få saker att röra sig. Det är nästan omöjligt att besöka en webbplats och bevittna statiska bilder - nästan alla använder en bildreglage i någon form eller mod. Många av dessa reglage är automatiska och ändrar bilder med en viss tidsram. Det är inget fel med det, men hur kan du ta ett sådant koncept och göra det större för användarupplevelsen? Den här Fancy Movies-plugin verkar ha det som räknat ut genom att låta tittarna styra bilden, inte bara genom att klicka på nästa pil utan genom att bekvämt slå piltangenterna på sina tangentbord.
FitText
Typografi i design är oerhört viktigt. Webbdesigners behöver förmågan att använda vilka teckensnitt de vill och sedan sätta ihop det på vilket sätt de önskar. Genom saker som Cufon och CSS, det är möjligt, men av stor betydelse på senare tid är en webbplatsens lyhördhet. Om din design inte kan vara flexibel, är den nästan värdelös och en av de viktigaste delarna av webbplatser som måste vara mottagliga är typografi. FitText gör det möjligt för dina rubriker och fyllnadstext, oavsett fönsterstorlek eller enhet som används för att kontrollera din webbplats.
Höger Zoom
Det sätt på vilket vissa element reagerar på interaktioner på en webbplats kan påverka (negativt och positivt) sättet på vilket tittarna reagerar på det. En enkel interaktion som alltid spelas upp är svängningsfunktionen. När du lägger musen över en bild eller till och med en länk är det nästan vanligt att det här elementet gör något; och ju bättre reaktionen desto bättre människor kommer att svara gör det. Denna plugin är avsedd för bilder som, när de svävar, zoomar in eller ut och ger ytterligare information. Om det används korrekt kan det vara mycket effektivt. För att inte tala om, kommer designen att gå bra.
jRumble
Vad designers måste inse är att vi har mycket kraft när vi gör webbplatser. Vi kan få folk att se vad vi vill att de ska se och inte se de saker vi inte vill att dom ska se. Grundläggande designprinciper, som balans och hierarki, kan bidra till att svänga fokus och intressen för tittarna. Det finns subtila sätt att göra detta. jRumble är mer passionerad att få en att se och märka saker på ett mer kraftfullt, blatant sätt. Det är ett roligt plugin och när det används sparsamt kan det vara effektivt för vilket ändamål som helst. Kom bara ihåg att inte göra det.
jQSlickWrap
Att skapa layouter för din text kan vara en svår sak. Det handlar inte bara om de teckensnitt du väljer, utan också hur du presenterar det som gör det effektivt. Om du utformar en webbplats som planerar att ha stora textblock, kan det hända att dina läsare är helt ointresserade i vad som helst du säger. Många designers har problem när de försöker göra bilder och text interagera väl med varandra. Om du inte är extremt in i blocken av text eller om du tycker att du vill att din text och bilder ska interagera mer, kan det vara plugin för dig. Inga fler tidningar, men mer kreativ frihet.
jQuery Offset Animation
Som tidigare sagt är statiska webbplatser inte lika vanliga idag som de kan ha varit i tidigare år. Många saker har blivit bidragande för att hjälpa till att skapa dynamiska webbplatser som rör sig och interagerar väl med sina tittare. En sak som jQuery hade lagt till i den konversationen är möjligheten att skapa fantastiska animationer och övergångar från element till element. Denna plugin skapar en smidig glidande eller svepande övergång för att flytta från ett element till nästa. Det ger en mycket trevlig webbplats.
Bläddra-O-Rama
Med ett namn som "Scroll-O-Rama" kan du överföra denna plugin, men jag rekommenderar dig att inte. Så roligt och bra som det här pluginet är, tror jag att det kan bli populärt i den trendiga nischen på enkelsidiga webbplatser. När du rullar runt enstaka sidwebbplatser, väntar du på att något ska hända. Denna plugin låter ganska mycket rubriker och text dansa medan du passerar den. Det är ett annat plugin som används främst för dekorativa ändamål, men om du kan sprinkla den om din webbplats och använda den på rätt ställe, kan du spela det här pluginet för en styrka.
jQuery Shadow Plugin
För att lägga lite djup i bilder eller element ibland, gillar designers att använda droppskuggor. Det finns två populära sätt på vilka designers skapar skuggor och det är genom CSS eller skapar skuggan i deras designprogram och sparar den typiskt som en form av transparent fil. De flesta gånger fungerar det och ibland kan det finnas några problem men vad som är bra med det här pluginet är att du kan lägga till olika skuggtyper till vilka element du gillar utan att behöva designa dem och det fungerar cross-browser.
Slitslide
Bra övergångar på webbplatser ger en rolig och spännande upplevelse. Vi har redan gett dig ett bra plugin för element till elementövergångar, men det här pluginet är bra för sidövergångar. Med detta Slitslide-plugin delar sidan, splittrar och introducerar nya sidor direkt bakom den. Detta är ett extremt dynamiskt verktyg som lägger till lite spänning och smak för webbplatser som kan behöva den extra nivån.
tippas
Verktygstips är ett element som används av många anledningar; Att uppmärksamma, lägga till information eller vad som helst du kan passa in i. Det verkar som en svängareffekt, där det kan vara extremt effektivt om det används ordentligt. Det finns massor av jQuery-plugins som tillgodoser utvecklingen och användningen av verktygstips. Tipped är ett plugin som fungerar och har många funktioner, varav de flesta är anpassningsbara av HTML5 och CSS, vilket ger en enkel och smidig byggnad.
Rörformig
Vi kan alla vara överens om att en blinkande bakgrund inte är där kreativitet ligger. Det finns dock andra saker som kan läggas till din bakgrund för att ge din webbplats lite gnista. Du kanske bara strängt handlar om design och vill ha ett bra sammanlagd mönster, men du kanske vill ha något lite mer dynamiskt. Tubular är ett plugin som låter dig använda YouTube-videor för att fungera som din bakgrund. Tänk på de roliga och kreativa möjligheter man kunde göra med detta.
jmpress
jQuery-knappen
3d miniatyrbild
Vi pratade redan om bildhöjningseffekten och hur det kan vara mycket effektivt för webbplatser. Tja, vad händer om du vill ha lite mer pizzazz för dina bilder? Detta plugin ger dig en bildhuggareffekt som avslöjar information med lite 3D-twist.
blur.js
Bra design kan verkligen vara skillnaden mellan en bra och en dålig hemsida. Ofta handlar det inte om designen som helhet utan om de små detaljerna. det är därför vi använder verktygstips och bra rubriktexter. Detta plugin lägger till lite mer detaljer på din webbplats, om du vill. Denna plugin skapar producerar psuedo-transparenta suddiga element över andra element. Detta är en dekorativ plugin, men kan användas till nytta.
Slutsats
Det finns många sätt att förbättra din webbdesign för att göra den fräsch och tilltalande för dina besökare. Tänk på att du vill göra något som inte bara är kreativt men kreativt och effektivt. Verktygen vi har nu är bra och vad som är ännu bättre är tekniken ökar fortfarande och bättre saker för skapandet av webbplatsen väntar oss.