Verse hulpbronnen voor webontwerpers en ontwikkelaars (november 2012)
Er zijn een aantal nieuwe geweldige tools en hulpmiddelen om webontwerpers en ontwikkelaars extra invloed te geven op hun werk. Deze maand hebben we een aantal geweldige gratis tools en middelen het proberen waard, te beginnen met een plug-in om coole foto-effecten te creëren voor een plug-in voor inhoud en beeld glijden met echt coole overgang.
Dus laten we ze eens bekijken.
Bekijk al onze verse hulpbronnen (volgens maand):
Proto
Responsief webdesign wordt nu de standaardpraktijk bij het maken van een website. Dit maakt deze hulpmiddel echt nuttig om de klus te klaren. Proto is gebouwd op SCSS voor het snel prototypen van een responsieve lay-out door vooraf gedefinieerde CSS-klassen klaar te maken voor gebruik, het responsieve raster en enkele apparaatspecifieke klassen te definiëren.
Grid Displayer
Als u werkt met Responsive Design-kaders zoals Bootstrap of Foundation, hebt u waarschijnlijk deze bookmarklet nodig om het raster in de browser bij te houden. Deze tool toont een overlay-raster op de webpagina die u bekijkt. Het is best handig, sleep het gewoon naar je bladwijzerbalk. Klik gewoon op de bookmarklet wanneer u rasters nodig hebt om te laten zien.
BootMetro
Windows 8 past de eenvoud van de Metro-ontwerptaal toe. Als je deze stijl op je website wilt omarmen, is BootMetro waarschijnlijk wat je nodig hebt.
underscores
Er zijn veel WordPress-startthema's beschikbaar op internet, maar geen ander is zo goed als Underscores. Hiermee kun je de Theme Name, Description, Author en specifiek de Theme Slug specificeren en aanpassen, die van toepassing is op de themafunctie zodra je het pakket downloadt, dus je krijgt zoiets als theme_slug_function.
Jarallax
Zoals het Parallax-effect dat je ziet op websites zoals deze? Als u een soortgelijk effect op uw website wilt toepassen, kunt u Jarallax gebruiken, een JavaScript-animatiebibliotheek om het Parallax-effect te creëren (in bijna geen tijd).
Winderig
Ben je verveeld met galerij glijdende effecten die alleen horizontaal beweegt? Kijk dan eens naar Windy, dat 3D-transformatie gebruikt om de inhoud op een echt unieke manier uit te voeren. Bekijk de demo hier.
Focus verleggen
Kortom, tiltShift in fotografie is een techniek om een foto er kleiner, bijna miniatuurachtig uit te laten zien dan hij in werkelijkheid is. Bekijk onze verzameling van dergelijke foto's in dit bericht: “Tilt-Shift-fotografie”. Als u een dergelijk effect in uw fotogalerij wilt toepassen, kunt u eenvoudig deze JavaScript-bibliotheek, TiltShift.js, gebruiken.
Volgorde
Sequence.js is een Responsieve jQuery-schuifplugin met enkele geavanceerde overgangseffecten. In tegenstelling tot de andere schuifregelaar komt Sequence niet met een eigen ingebouwd thema. We kunnen het uiterlijk en het gevoel dus volledig aanpassen aan onze website.
Delta
jQuery UI is een complete set van gemeenschappelijke webgebruikersinterface en interactie, die gemakkelijk te gebruiken is. Het standaardthema is echter saai. Dus, als je een andere look wilt hebben voor jQuery UI, maar niet je handen vies wilt maken met CSS, kun je eenvoudig de standaard CSS-stijlen vervangen door Delta, een gelikt thema voor jQuery UI.
