Friske ressourcer til webdesignere og udviklere (november 2012)
Der er en række nye gode værktøjer og ressourcer ud for at give webdesignere og udviklere den ekstra løftestang for deres job. Denne måned har vi nogle gode gratis værktøjer og ressourcer værd at prøve, startende fra et plugin til at skabe kølige billed effekter til et plugin til indhold og billede glidende med virkelig kølig overgang.
Så lad os tjekke dem ud.
Tjek alle vores friske ressourcer (i henhold til måned):
Proto
Responsive webdesign er nu ved at blive standard praksis i at skabe en hjemmeside. Dette gør dette værktøj virkelig hjælpsomt at få jobbet gjort. Proto er bygget på SCSS til prototypisk responsivt layout hurtigt ved at give foruddefinerede CSS-klasser klar til brug, definere det responsive net og nogle enhedsspecifikke klasser.
Gitter Displayer
Hvis du arbejder med Responsive Design-rammer som Bootstrap eller Foundation, har du sikkert brug for denne bogmærke for at holde styr på nettet i browseren. Dette værktøj viser et overlay-net på den webside, du ser. Det er ret praktisk, bare træk og slip det i din bogmærkebjælke. Bare klik på bookmarklet når som helst du har brug for grids at vise.
BootMetro
Windows 8 anvender enkeltheden af Metro design sprog. Hvis du vil omfavne denne stil på din hjemmeside, er BootMetro nok det, du har brug for.
understregninger
Der er mange WordPress starter temaer tilgængelige på internettet, men ingen andre er lige så gode som Underscores. Med den kan du angive og personliggøre temanavnet, beskrivelsen, forfatteren og specifikt temaklubben, som gælder for temafunktionen, når du har downloadet pakken, så du får noget lignende theme_slug_function.
Jarallax
Ligesom Parallax-effekten ses i websteder som denne? Hvis du vil anvende en lignende effekt på dit websted, kan du bruge Jarallax, et JavaScript-animationsbibliotek til at skabe Parallax-effekten (på næsten ingen tid).
Blæsende
Er du kede dig med galleriets glidende effekter, der kun bevæger dig vandret? Så tjek Windy, som bruger 3D-transformation til at køre indholdet på en helt unik måde. Se demoen her.
TiltShift
Kort sagt, tiltShift i fotografering er en teknik til at få et billede til at se mindre, næsten miniatureagtig ud, end det virkelig er. Tjek vores samling af sådanne billeder i dette indlæg: “Tilt-Shift fotografering”. Hvis du vil anvende en sådan effekt i dit fotogalleri, kan du simpelthen bruge dette JavaScript-bibliotek, TiltShift.js.
sekvens
Sequence.js er et Responsive jQuery skyderen plugin med nogle avancerede overgangseffekter. I modsætning til den anden skyder, kommer Sequence ikke med sit eget indbyggede tema. Så vi kan helt tilpasse udseendet og følelsen for at matche vores hjemmeside.
Delta
jQuery UI er et komplet sæt af fælles web brugergrænseflade og interaktion, som er nem at bruge. Standardtemaet er dog kedeligt. Så hvis du vil have et andet udseende til jQuery UI, men ikke ønsker at få dine hænder beskidte med CSS, kan du simpelthen erstatte standard CSS-stilarter med Delta, et slidt tema til jQuery UI.
