Friske ressourcer til webdesignere og udviklere (oktober 2012)

Hver måned er der snesevis af gratis ting, der deles af meget generøse mennesker i webdesign og webudviklingssamfundet; det er næsten umuligt at holde øje med alle disse nye ting. Ikke desto mindre bør du ikke bekymre dig; i dette indlæg har vi valgt 10 nyttige 'ting', der spænder fra kodestykker til værktøjer, rammer til plugins at gøre dit arbejde og liv som webdesignere og udviklere nemmere.

Lad os tjekke dem ud.

Tjek alle vores friske ressourcer (i henhold til måned):

• Oktober 2012
• November 2012
• December 2012

CSSS

CSSS som står for "CSS-baseret SlideShow System" er en ramme skabt af Lea Verou (kendt som CSS guru). I det væsentlige giver denne ramme dig mulighed for at oprette præsentationsglas med HTML og CSS webstandarder. Dette diasshow understøtter tastaturgenveje som ←, →, ↓ og ↑ at navigere gennem diasene.

Hvis du gør CSS og HTML, er denne ramme jeg tror en (bedre) udskiftning af dyre software som MS PowerPoint.

BonsaiJS

Bonsai er et letvægts JavaScript grafisk bibliotek med et intuitivt API. Vi kan bruge dette bibliotek til at tegne simple former som et rektangel, trekant, cirkel eller en grafik med dyb kompleksitet. Dette bibliotek kan også bruges til at levere Scalable Vector Graphic (SVG) -gengivelse i ikke-understøttede browsere som en tilbagekaldelse.

Derudover indeholder Bonsai også et par funktioner, herunder animation, begivenhed og filtre for at gøre disse grafiske handlinger mere interaktive.

Responsive Pattern

Responsive Patterns er en samling af mønstre, som du kan bruge til at opbygge en lydhør hjemmeside. Denne samling indeholder nogle eksempler på responsivt layout og navigation med et par andre lydhørige mønstre af almindelige webkomponenter som billeder, video, tabeller og formularer.

Effin Toolsets

Dette er nok alt, hvad du behøver for at hjælpe med at udvikle dit websted. Effin Toolsets er en samling af et dusin nyttige værktøjer til webudviklere, pakket på ét sted.

Et af værktøjerne i denne samling, som jeg personligt finder yderst nyttigt, er Entifier, dette værktøj vil ændre disse tegn, < og >, ind i deres HTML kode, så din kodestykke bliver korrekt inde i

 tag.
 
 
Susy
 
Susy er et lydhør for Kompass. Ligesom alle andre reagerende netrammer derude, består den af ​​flere foruddefinerede stilarter, men da den er bygget med Sass og Compass, er denne ramme meget mere konfigurerbar.
 
Susy giver dig mulighed for at tilpasse kolonnens nummer, kolonnebredde, rende og gitterpolstring, hvilket gør det til dit eget net, der passer til din hjemmeside. Susy vil gøre alt det hårde arbejde: beregning. Hvis du er en super-geek, der nyder at arbejde med Sass og Compass, er denne udvidelse helt sikkert for dig.
 
 
Uendelig dropdown navigation
 
En dropdown-menu er en fælles komponent, vi fandt på en hjemmeside. Men at skabe en dropdown-navigation er ikke så let som det ser ud. Harry Roberts af CSS Wizardry har heldigvis deltaget hans “magisk kode” at oprette en uendelig dropdown navigation (som er fantastisk).
 
 
Bourbon Neat
 
Neat er en lydhør ramme, der hjælper dig med at køre en lydhør hjemmeside nemt. Det er bygget på Sass og Bourbon, en samling af nyttige mixins til Sass. Denne ramme er en Ruby perle, den kan installeres via Terminal eller Command Prompt med denne kommandolinje perle installation pæne.
 
 
Typicons
 
Der vil ikke være nok til ikoner. Typikoner er et sæt skrifttyper, der består af 88 tegn. Du kan tilføje disse ikoner igennem @ Font-face regere og anvende dem på dit websted med CSS pseudo-elementer eller integrere dem direkte med deres HTML-karakter.
 
Ved at bruge webfont til at levere dine ikoner kan du have fordele ved at ikke have brug for at installere CSS sprite og justere baggrundsstilling for at vise ikonerne, høj opløsning skærm klar og teknisk reducerer det http forespørgsler og forbruger lavere båndbredde end bitmap ikoner.
 
 
Annotator
 
Dette bibliotek giver dig mulighed for at tilføje kommentarer, tags og markdowns til dit webindhold og sammen med AnnotateIt kan du gemme dine kommentarer gratis.
 
 
Lufthavn
 
Når du er i lufthavnen, vil du se flyinformationsbrættet med flippende tekst over det hele. Med dette jQuery-plugin, Airport, er vi i stand til at oprette den samme filtekst-effekt.
 
 
Konklusion
 
Det er alt for denne måned. Har du prøvet nogen af ​​disse ting? Hvilken er din favorit? Har du fundet andre cool ting til webdesignere / udviklere, som vi havde savnet fra denne liste?.
 
Du er velkommen til at dele dem i kommentarfeltet nedenfor, og vi vil også gerne høre dine tanker.