Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2012. gada oktobris)

Katru mēnesi ir vairāki desmiti bezmaksas sīkumi, kurus kopīgi izmanto ļoti dāsni cilvēki web dizaina un tīmekļa izstrādes kopienā; tas ir gandrīz neiespējami sekot līdzi visām šīm jaunajām lietām. Tomēr jums nevajadzētu uztraukties; šajā amatā mēs esam izvēlējušies 10 noderīgas lietas, sākot no koda fragmentiem līdz rīkiem, ietvariem līdz spraudņiem padarīt savu darbu un dzīvi vieglāku kā web dizainerus un izstrādātājus.

Pārbaudīsim tos.

Pārbaudiet visus mūsu jaunos resursus (pēc mēneša):

2012. gada oktobris
2012. gada novembris
2012. gada decembris

CSSS

CSSS "CSS balstīta slaidrādes sistēma" ir sistēma, ko izveidojusi Lea Verou (pazīstams kā CSS guru). Būtībā šī sistēma ļauj izveidot prezentācijas slaidus ar HTML un CSS tīmekļa standartiem. Šī slaidrāde atbalsta tastatūras īsceļus ←, →, ↓ un ↑ lai pārvietotos pa slaidiem.

Ja jūs darāt CSS un HTML, šī sistēma, manuprāt, ir labāka cenu programmatūra, piemēram, MS PowerPoint.

BonsaiJS

Bonsai ir viegls JavaScript grafikas bibliotēka ar intuitīvu API. Mēs varam izmantot šo bibliotēku, lai izstrādātu vienkāršas formas, piemēram, taisnstūri, trijstūri, apli vai grafiku ar dziļu sarežģītību. Šo bibliotēku var izmantot arī, lai piegādātu Scalable Vector Graphic (SVG), kas atveido neatbalstītās pārlūkprogrammas kā rezerves.

Turklāt Bonsai piedāvā arī dažas funkcijas, tostarp animācijas, notikumu un filtru funkcijas, lai šīs grafikas darbotos interaktīvāk.

Atsaucīgs modelis

Reaģējošie modeļi ir kolekciju kopums, ko var izmantot, lai izveidotu atsaucīgu tīmekļa vietni. Šī kolekcija ietver dažus piemērotas izkārtojuma un navigācijas piemērus ar dažiem citiem atsaucīgiem kopēju tīmekļa komponentu modeļiem, piemēram, attēliem, video, tabulām un veidlapām.

Effin rīki

Tas, iespējams, ir viss, kas nepieciešams, lai palīdzētu attīstīt jūsu vietni. Effin Toolsets ir duci noderīgu rīku kolekcija tīmekļa izstrādātājiem, viss iepakots vienā vietā.

Viens no šīs kolekcijas instrumentiem, ko es personīgi atradu ļoti noderīgs, ir Entifier, šis rīks mainīs šīs rakstzīmes, < un >, HTML kodā, lai jūsu koda fragments pareizi rādītu

 tag.
  
Susy
 Susy ir atsaucīgs režģis kompasam. Tāpat kā jebkura cita atbildīga tīkla struktūra, tā sastāv no vairākiem iepriekš definētiem stiliem, bet tā kā tā ir veidota ar Sass un Compass, šī sistēma ir daudz konfigurējama.
 Susy ļauj pielāgot kolonnas numuru, kolonnas platumu, notekas un režģa polsterējumu, padarot to par savu tīklu, kas atbilst jūsu vietnei. Susy darīs visu smago darbu: aprēķinu. Ja esat super-geek, kurš bauda darbu ar Sass un Compass, šis paplašinājums noteikti ir jums.
  
Bezgalīga nolaižamā navigācija
 Nolaižamā izvēlne ir kopēja sastāvdaļa, ko atradām tīmekļa vietnē. Tomēr nolaižamās navigācijas izveide nav tik vienkārša kā izskatās. Harijs Roberts no CSS Wizardry, par laimi, ir dalījies viņa “burvju kods” izveidot bezgalīgu nolaižamo navigāciju (kas ir awesome).
  
Bourbon Neat
 Tīrais ir atsaucīgs tīkla ietvars, kas palīdz viegli vadīt atsaucīgu tīmekļa vietni. Tā ir balstīta uz Sass un Bourbon, noderīgu Sass kolekciju kolekciju. Šī sistēma ir Ruby gem, to var uzstādīt caur terminālu vai komandu uzvedni ar šo komandrindu gem instalēt veikls.
  
Typicons
 Ikonas nepietiks. Tipiski ir fontu ikonas, kas sastāv no aptuveni 88 rakstzīmēm. Šīs ikonas var pievienot caur @ font-face pārvaldīt un piemērot tos savai vietnei ar CSS pseidoelementiem vai iegult tos tieši ar savu HTML rakstzīmi.
 Izmantojot ikonas, izmantojot webfont, jums var būt tādas priekšrocības, ka nav nepieciešams izvietot CSS sprite un pielāgot fona pozīciju, lai parādītu ikonas, augstas izšķirtspējas ekrāns gatavs un tehniski tas samazina http pieprasījumus un patērē mazāku joslas platumu nekā bitmap ikonas.
  
Anotators
 Šī bibliotēka ļauj jums pievienot jūsu tīmekļa saturam komentārus, atzīmes un atzīmes, kā arī kopā ar AnnotateIt varat saglabāt anotācijas par brīvu.
  
Lidosta
 Kad esat lidostā, jūs redzēsiet lidojuma informācijas plāksni ar visu tekstu. Ar šo jQuery spraudni, lidostu, mēs varam izveidot to pašu teksta efektu.
  
Secinājums
 Tas viss šajā mēnesī. Vai esat mēģinājuši kādu no šīm lietām? Kurš ir jūsu mīļākais? Vai tīmekļa dizaineriem / izstrādātājiem atradāt kādu citu jauku sīkumu, ko mēs neesam izmantojuši šajā sarakstā?.
 Jūtieties brīvi, lai tos dalītu zemāk esošajā komentāru lodziņā, un mēs vēlētos dzirdēt arī jūsu domas.