Friske ressurser for webdesignere og utviklere (november 2012)

Det finnes en rekke nye flotte verktøy og ressurser ut for å gi webdesignere og utviklere den ekstra innflytelsen for jobben sin. Denne måneden har vi noe flott gratis verktøy og ressurser verdig et forsøk, starter fra et plugin for å lage kule bildeeffekter til et plugin for innhold og bilde glidende med ekte kule overgang.

Så, la oss sjekke dem ut.

Sjekk ut alle våre friske ressurser (i henhold til måned):

Proto

Responsive webdesign blir nå standard praksis i å skape et nettsted. Dette gjør dette verktøyet virkelig nyttig å få jobben gjort. Proto er bygd på SCSS for prototyping responsiv layout raskt ved å gi forhåndsdefinerte CSS klasser klar til bruk, definere responsive grid og noen enhetsspesifikke klasser.

Grid Displayer

Hvis du jobber med Responsive Design-rammer som Bootstrap eller Foundation, trenger du sannsynligvis denne bokmerket for å holde oversikt over nettverket i nettleseren. Dette verktøyet viser et overleggsnett på nettsiden du ser på. Det er ganske praktisk, bare dra og slipp det inn i bokmerkefeltet. Bare klikk på bookmarklet når som helst du trenger ruter som skal vises.

BootMetro

Windows 8 gjelder enkelheten til Metro design språk. Hvis du vil omfavne denne stilen på nettstedet ditt, er BootMetro sannsynligvis det du trenger.

strek

Det er mange WordPress starter-temaer tilgjengelig på Internett, men ingen andre er like gode som Underscores. Med den kan du spesifisere og tilpasse tema-navnet, beskrivelsen, forfatteren og spesielt tema-sluggen, som gjelder temafunksjonen når du laster ned pakken, slik at du får noe som helst theme_slug_function.

Jarallax

Som Parallax-effekten ser du på nettsteder som denne? Hvis du vil bruke en lignende effekt på nettstedet ditt, kan du bruke Jarallax, et JavaScript animasjonsbibliotek for å opprette Parallax-effekten (på nesten ingen tid).

Windy

Kjeder du deg med galleriets glidende effekter som bare beveger seg horisontalt? Sjekk deretter Windy, som bruker 3D-transformasjon til å kjøre innholdet på en virkelig unik måte. Se demonstrasjonen her.

TiltShift

Kort sagt, tiltShift i fotografering er en teknikk for å få et bilde til å se mindre, nesten miniatyrlignende enn det egentlig er. Sjekk vår samling av slike bilder i dette innlegget: “Tilt-Shift Photography”. Hvis du vil bruke en slik effekt i fotogalleriet, kan du bare bruke dette JavaScript-biblioteket, TiltShift.js.

Sekvens

Sequence.js er et Responsive jQuery-skyveplugin med noen avanserte overgangseffekter. I motsetning til den andre skyveknappen kommer ikke Sequence med sitt eget innebygde tema. Så, vi kan helt tilpasse utseende og følelse for å matche vår nettside.

Delta

jQuery UI er et komplett sett med vanlige webgrensesnitt og samhandling, som er lett å bruke. Standardtemaet er imidlertid kjedelig. Så hvis du vil ha et annet utseende for jQuery-brukergrensesnittet, men likevel ikke vil få hendene dine skitne med CSS, kan du bare erstatte standard CSS-stiler med Delta, et glatt tema for jQuery UI.