Nuove risorse per i web designer e sviluppatori (ottobre 2012)

Ogni mese ci sono dozzine di cose gratis condivise da persone molto generose nel web design e nella comunità di sviluppo web; è quasi impossibile tenere il passo con tutte queste novità. Tuttavia, non dovresti preoccuparti; in questo post abbiamo selezionato 10 utili "elementi" che vanno dai frammenti di codice agli strumenti, dai framework ai plug-in per rendere più semplice il tuo lavoro e la tua vita come web designer e sviluppatori.

Vediamoli.

Scopri tutte le nostre risorse fresche (in base al mese):

• Ottobre 2012
• Novembre 2012
• Dicembre 2012

CSSS

CSSS che sta per "Sistema SlideShow basato su CSS" è un framework creato da Lea Verou (noto come guru dei CSS). In sostanza, questo framework consente di creare diapositive di presentazione con standard web HTML e CSS. Questa presentazione supporta le scorciatoie da tastiera come ←, →, ↓ e ↑ per navigare tra le diapositive.

Se si fa CSS e HTML, questo framework è una sostituzione (migliore) per i software costosi come MS PowerPoint.

BonsaiJS

Bonsai è una libreria grafica JavaScript leggera con un'API intuitiva. Possiamo usare questa libreria per disegnare forme semplici come un rettangolo, un triangolo, un cerchio o una grafica con una complessità profonda. Questa libreria può anche essere utilizzata per fornire il rendering SVG (Scalable Vector Graphic) nei browser non supportati come ripiego.

Inoltre, Bonsai fornisce anche alcune funzionalità tra cui animazione, eventi e filtri per rendere queste grafiche più interattive.

Modello reattivo

Responsive Patterns è una raccolta di modelli che è possibile utilizzare per creare un sito Web reattivo. Questa raccolta include alcuni esempi di layout reattivo e navigazione con alcuni altri modelli reattivi di componenti web comuni come immagini, video, tabelle e moduli.

Strumenti Effin

Questo probabilmente è tutto ciò che serve per sviluppare il tuo sito web. Effin Toolsets è una raccolta di una dozzina di strumenti utili per gli sviluppatori web, tutti riuniti in un'unica posizione.

Uno degli strumenti di questa collezione che personalmente trovo estremamente utile è il Entifier, questo strumento cambierà questi caratteri, < e >, nel loro codice HTML in modo che lo snippet di codice venga visualizzato correttamente all'interno

 etichetta.
 
 
susy
 
Susy è una griglia reattiva per Compass. Come qualsiasi altro framework di griglia reattivo là fuori, è costituito da diversi stili predefiniti ma dal momento che è costruito con Sass e Compass questo framework è molto più configurabile.
 
Susy ti consente di personalizzare il numero della colonna, la larghezza della colonna, la grondaia e il riempimento della griglia, rendendola la tua griglia che si adatta al tuo sito web. Susy farà tutto il duro lavoro: calcolo. Se sei un super-geek a cui piace lavorare con Sass e Compass, questa estensione è sicuramente per te.
 
 
Navigazione a discesa infinita
 
Un menu a discesa è un componente comune che abbiamo trovato su un sito web. Tuttavia, la creazione di una navigazione a discesa non è così semplice come sembra. Harry Roberts di CSS Wizardry, per fortuna, ha condiviso il suo “codice magico” per creare una navigazione a discesa infinita (che è fantastica).
 
 
Bourbon Neat
 
Neat è un framework di griglia reattivo che ti aiuta a gestire facilmente un sito web reattivo. È costruito su Sass e Bourbon, una raccolta di utili mix per Sass. Questo framework è una gemma di Ruby, può essere installato tramite Terminale o Prompt dei comandi con questa riga di comando gem installazione pulita.
 
 
Typicons
 
Non ci sarà abbastanza per le icone. I caratteri sono un set di icone di caratteri che consistono di circa 88 caratteri. Puoi aggiungere queste icone @ Font-face regola e applicali al tuo sito web con gli pseudo-elementi CSS o incorporali direttamente con il loro carattere HTML.
 
Usando webfont per distribuire le icone, puoi avere i vantaggi di non aver bisogno di distribuire sprite CSS e di regolare la posizione dello sfondo per visualizzare le icone, schermo ad alta risoluzione pronto e tecnicamente riduce le richieste http e consuma larghezza di banda inferiore rispetto alle icone bitmap.
 
 
Commentatore
 
Questa libreria ti consente di aggiungere commenti, tag e markdown ai tuoi contenuti web e insieme a AnnotateIt puoi memorizzare le tue annotazioni gratuitamente.
 
 
Aeroporto
 
Quando sei in aeroporto, vedi la scheda di informazioni sul volo con il testo capovolto su di esso. Con questo plug-in jQuery, Airport, siamo in grado di creare lo stesso effetto di testo con filettatura.
 
 
Conclusione
 
Questo è tutto per questo mese. Hai provato qualcuna di queste cose? Qual è il tuo preferito? Hai trovato altre cose interessanti per i web designer / sviluppatori che avevamo perso da questa lista?.
 
Sentiti libero di condividerli nella casella dei commenti qui sotto, e vorremmo sentire anche i tuoi pensieri.