Friske ressurser for webdesignere og utviklere (oktober 2012)

Hver måned er det dusinvis av gratis ting som deles av svært sjenerøse mennesker i webdesign og webutviklingssamfunnet; Det er nesten umulig å holde tritt med alle disse nye greiene. Likevel bør du ikke bekymre deg; i dette innlegget har vi valgt 10 nyttige "ting" som strekker seg fra kodestykker til verktøy, rammer til plugins å gjøre arbeidet ditt og livet enklere for webdesignere og utviklere.

La oss sjekke dem ut.

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

• Oktober 2012
• November 2012
• Desember 2012

CSSS

CSSS som står for "CSS-basert SlideShow System" er et rammeverk laget av Lea Verou (kjent som CSS guru). I hovedsak lar dette rammeverket deg lage presentasjonssider med HTML og CSS webstandarder. Denne lysbildeserien støtter tastaturgenveier som ←, →, ↓ og ↑ å navigere gjennom lysbildene.

Hvis du gjør CSS og HTML, er dette rammeverket jeg tror en (bedre) erstatning for dyrebare programvare som MS PowerPoint.

BonsaiJS

Bonsai er et lett JavaScript-grafikkbibliotek med en intuitiv API. Vi kan bruke dette biblioteket til å tegne enkle former som et rektangel, trekant, sirkel eller en grafikk med dyp kompleksitet. Dette biblioteket kan også brukes til å levere Scalable Vector Graphic (SVG) gjengivelse i ikke-støttede nettlesere som en tilbakekalling.

I tillegg gir Bonsai også noen funksjoner, inkludert animasjon, arrangement og filtre for å gjøre disse grafikkene mer interaktive.

Responsive Pattern

Responsive Patterns er en samling av mønstre som du kan bruke til å bygge en responsiv nettside. Denne samlingen inneholder noen eksempler på responsiv layout og navigering med noen andre lydhørlige mønstre av vanlige webkomponenter som bilder, video, tabeller og skjemaer.

Effin Toolsets

Dette er trolig alt du trenger for å utvikle nettstedet ditt. Effin Toolsets er en samling av et dusin nyttige verktøy for webutviklere, pakket på ett og samme sted.

Et av verktøyene i denne samlingen som jeg personlig finner ekstremt nyttig, er Entifier, Dette verktøyet vil endre disse tegnene, < og >, inn i HTML-koden, slik at kodestykket ditt vil gjengis riktig inne i

 stikkord.
 
 
Susy
 
Susy er et responsivt rutenett for kompass. Som alle andre raske gridrammer der ute, består den av flere forhåndsdefinerte stiler, men siden den er bygget med Sass og Compass, er dette rammeverket mye mer konfigurerbart.
 
Susy lar deg tilpasse kolonne nummer, kolonne bredde, renn og rutenettet, gjør det til ditt eget rutenett som passer til nettstedet ditt. Susy vil gjøre alt det harde arbeidet: beregningen. Hvis du er en super-geek som liker å jobbe med Sass og Compass, er denne utvidelsen definitivt for deg.
 
 
Uendelig dropdown navigasjon
 
En rullegardinmeny er en vanlig komponent vi fant på et nettsted. Likevel er det ikke så lett å lage en dropdown-navigasjon som det ser ut. Harry Roberts av CSS Wizardry, heldigvis, har delt hans “magisk kode” å lage en uendelig dropdown-navigasjon (som er fantastisk).
 
 
Bourbon Neat
 
Ryddig er et responsivt gridramme som hjelper deg med å kjøre en responsiv nettside enkelt. Det er bygget på Sass og Bourbon, en samling av nyttige mixins for Sass. Dette rammeverket er en Ruby perle, det kan installeres via Terminal eller Command Prompt med denne kommandolinjen perle installasjon ryddig.
 
 
Typicons
 
Det vil ikke være nok for ikoner. Typikoner er et sett med skrifttypeikoner som består av rundt 88 tegn. Du kan legge til disse ikonene gjennom @ Font-face regel og bruk dem på nettstedet ditt med CSS pseudo-elementene eller legg dem direkte sammen med HTML-tegnet.
 
Ved å bruke webfont til å levere ikonene dine, kan du ha fordelene ved å ikke ha behov for å distribuere CSS sprite og justere bakgrunnsstilling for å vise ikonene, høyoppløselig skjerm klar og teknisk reduserer det http-forespørsler og bruker lavere båndbredde enn bitmap-ikoner.
 
 
annotator
 
Dette biblioteket lar deg legge til kommentarer, koder og markdowns til webinnholdet ditt og sammen med AnnotateIt kan du lagre dine kommentarer gratis.
 
 
flyplassen
 
Når du er på flyplassen, vil du se flyinformasjonstavlen med blinkende tekst over det. Med dette jQuery-pluginet, Airport, er vi i stand til å lage den samme filtekst-effekten.
 
 
Konklusjon
 
Det er alt for denne måneden. Har du prøvd noen av disse tingene? Hvilken er din favoritt? Fant du noen andre kule ting for webdesignere / utviklere som vi hadde savnet fra denne listen?.
 
Du kan dele dem i kommentarfeltet nedenfor, og vi vil gjerne høre dine tanker også.