Resurse proaspete pentru designeri web și dezvoltatori (octombrie 2012)

În fiecare lună există zeci de chestii gratuite care sunt împărtășite de oameni foarte generoși în comunitatea de design web și dezvoltare web; este aproape imposibil să ții pasul cu toate aceste lucruri noi. Cu toate acestea, nu trebuie să vă faceți griji; în acest post pe care l-am selectat 10 chestii utile, de la fragmente de cod la instrumente, cadre la pluginuri pentru a vă face munca și viața mai ușoară ca designeri web și dezvoltatori.

Să le verificăm.

Verificați toate resursele noastre proaspete (în funcție de lună):

• Octombrie 2012
• Noiembrie 2012
• Decembrie 2012

CSSS

CSSS care reprezintă "Sistemul SlideShow bazat pe CSS" este un cadru creat de Lea Verou (cunoscut sub numele de guru CSS). În esență, acest cadru vă permite să creați diapozitive de prezentare cu standarde web HTML și CSS. Această prezentare de diapozitive acceptă comenzi rapide de la tastatură precum ←, →, ↓ și ↑ pentru a naviga prin diapozitive.

Dacă faceți CSS și HTML, acest cadru este cred că o înlocuire (mai bună) pentru software-uri la prețuri ridicate, cum ar fi MS PowerPoint.

BonsaiJS

Bonsai este o bibliotecă grafică JavaScript ușoară cu un API intuitiv. Putem folosi această bibliotecă pentru a desena forme simple, cum ar fi un dreptunghi, un triunghi, un cerc sau un grafic cu o complexitate profundă. Această bibliotecă poate fi, de asemenea, utilizată pentru a furniza redare în format scalabil Vector Graphic (SVG) în browserele nesuportate ca o rezervă.

În plus, Bonsai oferă, de asemenea, câteva caracteristici, inclusiv animație, eveniment și filtre, pentru a face aceste grafică să acționeze mai interactiv.

Modelul receptiv

Modele de răspuns este o colecție de modele pe care le puteți utiliza pentru a construi un site web receptiv. Această colecție include câteva exemple de aspect și navigare receptivă cu câteva alte modele receptive ale componentelor web comune cum ar fi imagini, video, tabele și formulare.

Effin Toolsets

Acest lucru este probabil tot ce aveți nevoie pentru a vă ajuta să vă dezvoltați site-ul. Effin Toolsets este o colecție de duzină de instrumente utile pentru dezvoltatorii web, ambalate într-un singur loc.

Unul din instrumentele din această colecție pe care eu le găsesc personal este extrem de util Entifier, acest instrument va schimba aceste caractere, < și >, în codul HTML, astfel încât fragmentul dvs. de cod să se afișeze corect în interiorul

 etichetă.
 
 
Susy
 
Susy este o rețea receptivă pentru Compass. Ca orice alt cadru de rețea receptiv acolo, este format din mai multe stiluri predefinite, dar deoarece este construit cu Sass și Compass acest cadru este mult mai configurabil.
 
Susy vă permite să personalizați numărul coloanei, lățimea coloanei, jgheabul și placa de grilă, făcându-l propria rețea care se potrivește site-ului dvs. Susy va face toată munca grea: calcul. Dacă sunteți un super-geek care se bucură de lucru cu Sass și Compass, această extensie este cu siguranță pentru dvs..
 
 
Navigare derulantă infinită
 
Un meniu derulant este o componentă comună pe care am găsit-o pe un site web. Cu toate acestea, crearea unei navigări prin dropdown nu este la fel de ușoară cum arată. Harry Roberts din CSS Wizardry, din fericire, a împărtășit lui “codul magic” pentru a crea o navigare prin dropdown infinită (ceea ce este minunat).
 
 
Bourbon Neat
 
Neat este un cadru grid care vă ajută să rulați cu ușurință un site web receptiv. Este construit pe Sass și Bourbon, o colecție de mixuri utile pentru Sass. Acest cadru este o bijuterie Ruby, poate fi instalat prin Terminal sau Command Prompt cu această linie de comandă bijuterie instalați neted.
 
 
Typicons
 
Nu va fi suficient pentru icoane. Tipicoanele sunt un set de pictograme de caractere care conțin aproximativ 88 de caractere. Puteți adăuga aceste pictograme @ Font-face și aplicați-le pe site-ul dvs. cu pseudo-elementele CSS sau încorporați-le direct cu caracterul lor HTML.
 
Folosind webfont pentru livrarea icoanelor, puteți avea avantajele de a nu fi nevoie să implementați sprite CSS și să ajustați poziția de fundal pentru a afișa pictogramele, ecranul de înaltă rezoluție gata și tehnic reduce cererile http și consumă o lățime de bandă mai mică decât iconițele bitmap.
 
 
Adnotator
 
Această bibliotecă vă permite să adăugați comentarii, etichete și markdown-uri la conținutul dvs. web și împreună cu AnnotateIt puteți stoca adnotările dvs. gratuit.
 
 
Aeroport
 
Când vă aflați la aeroport, veți vedea tabloul de informații de zbor cu textul răsturnat peste tot. Cu acest plugin jQuery, Aeroport, suntem capabili să creăm același efect de text de filptare.
 
 
Concluzie
 
Asta e tot pentru luna asta. Ai încercat oricare din astea? Care dintre ele este preferată? Ați găsit alte lucruri interesante pentru designerii de web / dezvoltatori pe care le-am pierdut din această listă?.
 
Simțiți-vă liber să le distribuiți în caseta de comentarii de mai jos, și ne-ar plăcea să auzim și gândurile voastre.