Svježi resursi za web-dizajnere i razvojne programere (listopad 2012.)
Svaki mjesec postoje desetine besplatnih stvari koje dijele vrlo velikodušni ljudi u zajednici web dizajna i web-razvoja; gotovo je nemoguće pratiti sve te nove stvari. Ipak, ne biste trebali brinuti; u ovom postu koji smo odabrali 10 korisnih "stvari" koje se kreću od isječaka koda do alata, okvira do dodataka kako bi vaš rad i život kao web-dizajnera i programera bili jednostavniji.
Provjerimo ih.
Provjerite sve naše nove izvore (prema mjesecu):
- Listopad 2012
- Studeni 2012
- Prosinac 2012
CSSS
CSSS koji se zalaže za "CSS-based SlideShow sustav" je okvir stvorio Lea Verou (poznat kao CSS guru). U biti, ovaj okvir omogućuje stvaranje prezentacijskih slajdova s HTML i CSS web standardima. Ovaj slideshow podržava tipkovničke prečace ←, →, ↓ i ↑ za kretanje kroz slajdove.
Ako radite CSS i HTML, mislim da je ovaj okvir (bolja) zamjena za jeftine softvere kao što je MS PowerPoint.
BonsaiJS
Bonsai je lagana JavaScript grafička knjižnica s intuitivnim API-jem. Tu biblioteku možemo koristiti za crtanje jednostavnih oblika kao što su pravokutnik, trokut, krug ili grafika s dubokom složenošću. Ta se knjižnica može koristiti i za isporuku skalabilnog vektorskog grafika (SVG) u nepodržanim preglednicima kao zamjenska.
Osim toga, Bonsai također nudi nekoliko značajki, uključujući animaciju, događaj i filtre kako bi ove grafike djelovale interaktivnije.
Odgovarajući uzorak
Odgovarajući obrasci skup je uzoraka koje možete upotrijebiti za izgradnju osjetljive web-lokacije. Ova zbirka uključuje neke primjere prilagodljivog izgleda i navigacije s nekoliko drugih uzoraka odgovora uobičajenih web-komponenti kao što su slike, videozapisi, tablice i obrasci.
Skupovi alata Effin
To je vjerojatno sve što vam je potrebno za razvoj vaše web-lokacije. Effin Toolsets je kolekcija od desetak korisnih alata za web programere, pakirane sve na jednom mjestu.
Jedan od alata u ovoj zbirci koji osobno smatram iznimno korisnim je Entifier, ovaj će alat promijeniti te znakove, <
i >
, u svoj HTML kôd kako bi se isječak kôda ispravno prikazivao unutar označiti.
Susy
Susy je odgovorna mreža za kompas. Kao i svaki drugi odgovarajući mrežni okvir, on se sastoji od nekoliko unaprijed definiranih stilova, ali budući da je izgrađen sa Sassom i Compassom ovaj je okvir mnogo više konfiguriran.
Susy vam omogućuje da prilagodite broj stupca, širinu stupca, oluk i mrežastu podlogu, čineći ga svojom mrežom koja odgovara vašoj web-lokaciji. Susy će učiniti sav težak posao: računanje. Ako ste super-geek koji uživa u radu sa Sassom i Compassom, ovo proširenje je definitivno za vas.
Beskonačni navigacijski izbornik
Padajući izbornik je uobičajena komponenta koju smo pronašli na web-lokaciji. Ipak, stvaranje padajuće navigacije nije tako lako kao što izgleda. Harry Roberts CSS Wizardry, na sreću, podijelio je svoje “čarobni kod” stvoriti beskonačno padajuću navigaciju (koja je izvrsna).
Bourbon Neat
Uredan je mrežni okvir koji vam pomaže da lako pokrenete odgovarajući web-lokacija. Izgrađen je na Sassu i Bourbonu, zbirci korisnih mixina za Sass. Ovaj okvir je Ruby gem, može se instalirati preko terminala ili naredbenog retka s ovom naredbenom retkom gem instalirajte uredno
.
Typicons
Ikone neće biti dovoljno. Tipovi su skup ikona fontova koji se sastoje od oko 88 znakova. Te ikone možete dodati putem 'Font-lica
pravilo i primijeniti ih na svoju web-lokaciju pomoću CSS pseudo-elemenata ili ih ugraditi izravno u svoj HTML znak.
Koristeći webfont za isporuku vaših ikona, možete imati prednosti bez potrebe za implementacijom CSS-a i podešavanjem pozadinske pozicije za prikaz ikona, zaslon visoke razlučivosti spreman i tehnički smanjuje http zahtjeve i troši nižu propusnost od bitmap ikona.
Annotator
Ova knjižnica omogućuje dodavanje komentara, oznaka i oznaka za smanjenje web-sadržaja, a uz AnnotateIt možete pohraniti svoje komentare besplatno.
Zračna luka
Kada ste u zračnoj luci, vidjet ćete ploču s informacijama o letu s preklapanjem teksta. Uz ovaj jQuery plugin, Zračna luka, u mogućnosti smo stvoriti isti tekstualni efekt.
Zaključak
To je sve za ovaj mjesec. Jeste li isprobali neku od ovih stvari? Koji je vaš omiljeni? Jeste li pronašli neke druge zanimljive stvari za web dizajnere / programere koje smo propustili s ovog popisa?.
Slobodno ih podijelite u okviru za komentare u nastavku, i željeli bismo čuti i vaše misli.