Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2012 m. Spalio mėn.)

Kiekvieną mėnesį yra daugybė nemokamų dalykų, kuriuos dalijasi labai turtingi žmonės interneto dizaino ir interneto kūrimo bendruomenėje; beveik neįmanoma laikytis visų šių naujų dalykų. Nepaisant to, neturėtumėte nerimauti; šiame pranešime, kurį pasirinkome 10 naudingų dalykų - nuo kodo fragmentų iki įrankių, sistemų iki įskiepių palengvinti savo darbą ir gyvenimą kaip interneto dizainerius ir kūrėjus.

Patikrinkime juos.

Peržiūrėkite visus mūsų naujus išteklius (pagal mėnesį):

• 2012 m. Spalio mėn
• 2012 m. Lapkričio mėn
• 2012 m. Gruodžio mėn

CSSS

CSSS „CSS pagrįsta skaidrių demonstravimo sistema“ yra sistema, sukurta Lea Verou (žinomas kaip CSS guru). Iš esmės ši sistema leidžia sukurti pristatymo skaidrę su HTML ir CSS žiniatinklio standartais. Ši skaidrių demonstracija palaiko sparčiuosius klavišus ←, →, ↓ ir ↑ naršyti skaidres.

Jei atliksite „CSS“ ir „HTML“, manau, kad ši sistema yra (geresnė) didelės kainos programinės įrangos, pvz., „MS PowerPoint“, keitimas.

BonsaiJS

„Bonsai“ yra lengva „JavaScript“ grafikos biblioteka su intuityvia API. Šią biblioteką galime panaudoti paprastoms figūroms, pvz., Stačiakampiui, trikampiui, apskritimui ar giliai sudėtingam vaizdui piešti. Ši biblioteka taip pat gali būti naudojama keičiamo vektoriaus grafikos (SVG) pateikimui nepalaikomose naršyklėse kaip atsarginis.

Be to, „Bonsai“ taip pat siūlo keletą funkcijų, įskaitant animaciją, įvykius ir filtrus, kad šios grafikos veiktų interaktyviau.

Reaguojantis modelis

Atsakomieji modeliai yra modelių rinkinys, kurį galite naudoti kuriant atsakingą svetainę. Šioje rinkinyje yra keletas atsakingo išdėstymo ir navigacijos pavyzdžių su keletu kitų atsakingų modelių, pvz., Vaizdų, vaizdo įrašų, lentelių ir formų.

„Effin“ įrankiai

Tai tikriausiai yra viskas, ko jums reikia norint padėti kurti svetainę. „Effin“ įrankių rinkinys yra dešimčių naudingų įrankių, skirtų žiniatinklio kūrėjams, kurie yra supakuoti vienoje vietoje, rinkinys.

Vienas iš šios kolekcijos įrankių, kuriuos aš asmeniškai manau labai naudingas, yra Entifier, šis įrankis pakeis šiuos simbolius, < ir >, į savo HTML kodą, kad jūsų kodo fragmentas būtų teisingai pateikiamas

 žyma.
 
 
Susy
 
Susy yra atsakingas tinklelis kompasui. Kaip ir bet kuri kita reaguojanti tinklelio sistema, ji susideda iš kelių iš anksto apibrėžtų stilių, bet kadangi ji yra pastatyta su „Sass“ ir „Compass“, ši sistema yra daug labiau konfigūruojama.
 
Susy leidžia jums pritaikyti stulpelio numerį, stulpelio plotį, lataką ir tinklelį, kad jis būtų jūsų tinklui tinkamas tinklelis. Susy atliks visus sunkius darbus: apskaičiavimas. Jei esate super-geekas, kuris mėgsta dirbti su „Sass“ ir „Compass“, šis plėtinys tikrai jums tinka.
 
 
Begalinis meniu
 
Išskleidžiamajame meniu yra bendras komponentas, kurį radome svetainėje. Tačiau išskleidžiamojo naršymo sukūrimas nėra toks paprastas, kaip atrodo. Haris Robertsas Laimė, CSS Wizardry, pasidalino savo “magijos kodas” sukurti begalinį išskleidžiamąjį naršymą (kuris yra nuostabus).
 
 
Bourbon Neat
 
„Neat“ yra reaguojantis tinklelis, padedantis lengvai paleisti atsakingą svetainę. Jis yra pastatytas ant Sass ir Bourbon, naudingų Sass rinkinių. Ši sistema yra „Ruby“ perlas, jį galima įdiegti per terminalo arba komandų eilutę su šia komandine eilute perlas įdiegti tvarkingas.
 
 
Tipai
 
Piktogramoms nepakaks. Tipai yra šrifto piktogramų rinkinys, kurį sudaro apie 88 simboliai. Šias piktogramas galite pridėti per @ šrifto veidas valdyti ir taikyti juos į savo svetainę su CSS pseudo elementais arba įdėti juos tiesiogiai su savo HTML simboliu.
 
Naudodamiesi žiniatinkliu, kad pateiktumėte savo piktogramas, jūs galite turėti pranašumų, nes nereikia diegti CSS sprite ir koreguoti fono padėtį, kad būtų rodomos piktogramos, aukštos raiškos ekranas pasiruošęs ir techniškai sumažina http užklausas ir sunaudoja mažesnį pralaidumą nei bitų piktogramos.
 
 
Anotatorius
 
Ši biblioteka leidžia pridėti komentarus, žymes ir žymes savo žiniatinklio turiniui ir kartu su AnnotateIt galite saugoti savo komentarus nemokamai.
 
 
Oro uostas
 
Kai esate oro uoste, jūs pamatysite skrydžio informacijos lentą su visais tekstais. Su šiuo „jQuery“ papildiniu „Airport“ galime sukurti tą patį teksto efektą.
 
 
Išvada
 
Tai viskas šiam mėnesiui. Ar bandėte kokių nors šių dalykų? Kuris iš jų yra jūsų mėgstamiausias? Ar radote kitų įdomių dalykų žiniatinklio dizaineriams ir (arba) kūrėjams, kuriuos praleidome iš šio sąrašo?.
 
Nesivaržykite juos pasidalinti žemiau esančiame komentarų laukelyje, ir mes norėtume išgirsti jūsų mintis.