Friska resurser för webbdesigners och utvecklare (november 2012)

Det finns ett antal nya stora verktyg och resurser ut för att ge webbdesigners och utvecklare den extra hävstångseffekten för sitt jobb. Den här månaden har vi några bra gratis verktyg och resurser värt ett försök, från ett plugin för att skapa snygga fotoneffekter till ett plugin för innehåll och bildglidning med riktigt cool övergång.

Så, låt oss kolla in dem.

Kolla in alla våra färska resurser (enligt månad):

proto

Responsiv webbdesign blir nu den vanliga praxis när det gäller att skapa en webbplats. Detta gör detta Verktyget är verkligen användbart för att få jobbet gjort. Proto är byggt på SCSS för prototypisk responsiv layout snabbt genom att tillhandahålla fördefinierade CSS-klasser redo att användas, definiera det responsiva rutnätet och vissa enhetsspecifika klasser.

Grid Displayer

Om du arbetar med Responsive Design-ramar som Bootstrap eller Foundation behöver du nog denna bokmärke för att hålla reda på rutnätet i webbläsaren. Det här verktyget visar ett överlagringsnät på webbsidan du tittar på. Det är ganska användbart, dra bara och släpp det i din bokmärkesfält. Klicka bara på bookmarklet när du behöver rutor att visa.

BootMetro

Windows 8 tillämpar enkelheten i Metro Design Language. Om du vill omfamna denna stil på din webbplats är BootMetro förmodligen vad du behöver.

streck

Det finns många WordPress-startteman tillgängliga på Internet, men ingen annan är lika stor som Underscores. Med det kan du ange och personifiera temanamn, beskrivning, författare och specifikt temaklipset, som gäller temafunktionen när du laddar ner paketet så att du kommer att få något liknande theme_slug_function.

Jarallax

Liksom Parallax-effekten ser du på webbplatser som den här? Om du vill tillämpa en liknande effekt på din webbplats kan du använda Jarallax, ett JavaScript-animeringsbibliotek för att skapa Parallax-effekten (på nästan ingen tid).

Blåsigt

Är du uttråkad med galleri glidande effekter som bara rör sig horisontellt? Kolla sedan Windy, som använder 3D-omvandling för att köra innehållet på ett riktigt unikt sätt. Se demoen här.

tiltshift

Kort sagt, tiltShift i fotografering är en teknik för att göra ett foto ser mindre, nästan miniatyrliknande ut än det egentligen är. Kolla vår samling av sådana foton i det här inlägget: “Tilt-Shift Photography”. Om du vill tillämpa en sådan effekt i ditt fotogalleri, kan du helt enkelt använda det här JavaScript-biblioteket, TiltShift.js.

Sekvens

Sequence.js är ett Responsive jQuery-reglage plugin med några avancerade övergångseffekter. Till skillnad från den andra reglaget kommer inte Sequence med sitt eget inbyggda tema. Så vi kan helt anpassa utseendet och känslan för att matcha vår hemsida.

Delta

jQuery UI är en komplett uppsättning av vanliga webbgränssnitt och interaktion, vilket är lätt att använda. Standardtemat är dock tråkigt. Så om du vill ha ett annat utseende för jQuery-användargränssnittet, vill du ändå inte få dina händer smutsiga med CSS, kan du helt enkelt ersätta standard CSS-format med Delta, ett smidigt tema för jQuery UI.