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

Varje månad finns det dussintals fria saker som delas av mycket generösa människor i webbdesign och webbutvecklingsgemenskapen. Det är nästan omöjligt att följa med alla dessa nya saker. Men du borde inte oroa dig; i det här inlägget har vi valt 10 användbara "saker" som sträcker sig från kodutdrag till verktyg, ramar till plugins för att göra ditt arbete och liv som webbdesigners och utvecklare enklare.

Låt oss kolla in dem.

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

• Oktober 2012
• November 2012
• December 2012

CSSS

CSSS som står för "CSS-baserat SlideShow System" är en ram skapad av Lea Verou (känd som CSS-guru). I grunden tillåter denna ram dig att skapa presentationsglas med HTML och CSS webbstandarder. Detta bildspel stöder tangentbordsgenvägar som ←, →, ↓ och ↑ att navigera genom bilderna.

Om du gör CSS och HTML, är denna ram jag tror en (bättre) ersättning för prisvärda program som MS PowerPoint.

BonsaiJS

Bonsai är ett lättviktigt JavaScript grafikbibliotek med ett intuitivt API. Vi kan använda detta bibliotek för att rita enkla former som en rektangel, triangel, cirkel eller en grafik med djup komplexitet. Detta bibliotek kan också användas för att leverera skalbar vektor grafisk (SVG) rendering i icke-stödda webbläsare som en nedgång.

Dessutom erbjuder Bonsai några funktioner, inklusive Animation, Event och Filters, för att göra dessa grafiker mer interaktiva.

Responsivt mönster

Responsive Patterns är en samling mönster som du kan använda för att bygga en responsiv webbplats. Denna samling innehåller några exempel på responsiv layout och navigering med några andra mottagliga mönster av vanliga webbkomponenter som bilder, video, tabeller och formulär.

Effin Toolsets

Det här är nog allt du behöver för att utveckla din webbplats. Effin Toolsets är en samling av ett dussin användbara verktyg för webbutvecklare, förpackade på ett och samma ställe.

Ett av verktygen i denna samling som jag personligen tycker är mycket användbar är Entifier, detta verktyg kommer att ändra dessa tecken, < och >, in i deras HTML-kod så att kodfältet blir korrekt inuti

 märka.
 
 
Susy
 
Susy är ett responsivt rutnät för kompass. Precis som alla andra svarsramar där ute, består det av flera fördefinierade stilar, men eftersom den är byggd med Sass och Compass är denna ram mycket mer konfigurerbar.
 
Med Susy kan du anpassa kolonnnumret, kolonnbredden, rännan och rutnätet, vilket gör det till ditt eget rutnät som passar din webbplats. Susy kommer göra allt hårt arbete: beräkning. Om du är en super-geek som gillar att arbeta med Sass och Compass, är denna förlängning definitivt för dig.
 
 
Oändlig nedrullningsnavigering
 
En rullgardinsmeny är en vanlig komponent som vi hittade på en webbplats. Ändå är det inte så enkelt att skapa en dropdown-navigering. Harry Roberts av CSS Wizardry har lyckligtvis delat hans “magisk kod” att skapa en oändlig dropdown-navigering (vilket är fantastiskt).
 
 
Bourbon snyggt
 
Snyggt är ett lyhörd ramverk som hjälper dig att enkelt springa på en lyhörd webbplats. Det är byggt på Sass och Bourbon, en samling användbara mixins för Sass. Denna ram är en Ruby pärla, den kan installeras via Terminal eller Command Prompt med denna kommandorad pärla installeras snyggt.
 
 
Typicons
 
Det kommer inte att räcka för ikoner. Typikoner är en uppsättning typsnittstikoner som består av cirka 88 tecken. Du kan lägga till dessa ikoner genom @ Font-face reglera och tillämpa dem på din webbplats med CSS pseudo-elementen eller bädda in dem direkt med deras HTML-karaktär.
 
Genom att använda webfont för att leverera dina ikoner kan du ha fördelarna med att inte behöva distribuera CSS-sprite och justera bakgrundsläget för att visa ikonerna, högupplösta skärmklara och tekniskt reducerar det http-förfrågningar och förbrukar lägre bandbredd än bitmappsymboler.
 
 
annotator
 
Med det här biblioteket kan du lägga till kommentarer, taggar och markdowns till ditt webbinnehåll och tillsammans med AnnotateIt kan du spara dina kommentarer gratis.
 
 
Flygplats
 
När du är på flygplatsen vill du se flyginformationskortet med bläddrande text överallt. Med detta jQuery-plugin, Airport, kan vi skapa samma filtexteffekt.
 
 
Slutsats
 
Det är allt för den här månaden. Har du provat något av dessa saker? Vilken är din favorit? Hittade du några andra coola saker för webbdesigners / utvecklare som vi hade missat från den här listan?.
 
Gärna dela dem i kommentarfältet nedan, och vi vill också höra dina tankar.