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

Paskutinėje įmokoje sutelkėme dėmesį į įvairias „JavaScript“ ir „CSS“ bibliotekas, kad galėtume kurti geresnes svetaines ir žiniatinklio programas. Šį mėnesį turime daugiau bibliotekų, rekomenduojančių kartu su nedideliu dėmesiu spausdinimui.

Šiame serijos turnyre jūs ieškosite kelių JS bibliotekų, kurias rasite naudodami, bet taip pat rasite patarimų rinkinį, labai ilgą rašinį apie tipografiją, spalvų generatorių ir lengvą fasado sistemą. Be papildomų veiksmų, patikrinkime juos.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

JS patarimai

„JS Tips“ yra „JavaScript“ patarimų rinkinys, kai kurie iš jų sukasi aplink sintaksė, kai apie tai kodo efektyvumas ir našumas, ir kai kurie kiti yra būdingi „AngularJS“ sistemai. Kasdien pridedami nauji patarimai ir šiuo metu yra išleisti 50 patarimų. Iš esmės tai yra privaloma žyma kiekvienam interneto kūrėjui.

„Vagrant Manager“

„Vagrant Manager“ yra GUI programa valdyti „Vagrant“. Panašus MAMP, kur galite sustabdyti arba paleisti „Vagrant“ ir pamatyti, kuris „Vagrant“ šiuo metu veikia. Programa yra prieinama OS X ir langams. Jei nesate tikri, kas yra „Vagrant“, patikrinkite mūsų ankstesnį pranešimą „Kaip įdiegti„ WordPress “vietoje„ Vagrant “.

Bulma

Bulma yra „frontend“ sistema. Į paketą įeina keletas bendrų UI komponentų žiniatinklio, pavyzdžiui, navigacijos, išskleidžiamajame ir (žinoma) tinkle, kuris yra sukurtas visiškai „Flexbox“. Vienintelė trūksta (bent jau dabar) yra „JavaScript“ komponentai. Bulma komponentai yra daug plonesni, palyginti su „Bootstrap“, tačiau turėtų pakakti, kad būtų sukurta maža, bet pristatoma svetainė.

Gutenbergas

Pavadintas Johaneso Gutenbergo, masinės spaudos išradėjas. Gutenbergas yra kolekcija stiliaus taisyklės, skirtos tinkamai spausdinti žiniatinklyje. Stiliaus taisyklės nustato bazinę liniją, šrifto dydį ir mastelį bei linijos aukštį. Puiki stiliaus biblioteka, kad jūsų svetainės turinys atrodytų daug geriau.

Gerai

Gerai yra jQuery sukurti reaguojančią navigaciją, bet ne tik dar vieną. Įskiepis šiek tiek skiriasi atsižvelgiant į atsakingą dizainą: kadangi peržiūros sritis sumažinama iki mažesnio dydžio, kiekvienas meniu bus palaipsniui sujungtos į piktogramą, kad būtų toleruojamas ribotas peržiūros srities dydis. Skamba vėsioje, ar ne?

Nauja žiniatinklio tipografija

The Nauja žiniatinklio tipografija yra nuodugnus akių atidarymo esė apie tipografiją. Jame aptariami stiliai nuo knygų pradžios iki dabartinio būdo, kuriuo mes statome ir vartojame internete. Gerai ištirtas su daugeliu iliustracijų ir visiškai susietas, jis yra ilgas Robino Rendle straipsnis, tačiau tikrai verta skaityti, kad geriau suprastumėte tipografiją.

Spalva saugi

Spalva saugi yra spalvų generatoriaus paletė internete. Skirtingai nei įrankiai, kuriuos anksčiau minėjome šioje serijoje, „ColorSafe“ generuos tik spalvą, atitinkančią WCAG spalvų prieinamumo standartą.

Prieinamas modulinis dialogas

Tai maža (tik ~ 0.5kb) „JavaScript“ biblioteka sukurti modalinio dialogo langą. Naudodamiesi, vartotojai gali lengvai atidaryti, uždaryti ir naršyti dialoge su klaviatūra ir pele. Paketas yra tiesiog „JavaScript“, be jokių stilių, todėl galite laisvai formuoti dialogo modalą bet kokiu būdu.

Mo.js

Mo.js yra pilnas „JavaScript“ animacijos bibliotekos paketas. Jame yra keletas iš anksto nustatytų nustatymų, kad galėtumėte greitai nustatyti ir paleisti animaciją. Jis yra modulinis, leidžiantis pašalinti nereikalingą funkcionalumą, taip pat sklandų ir sklandų. Būdama nauja biblioteka, deja, dokumentai dar nėra parengti (dabar).

Dalelės

Ši biblioteka jūsų svetainėje prideda plaukiojančių dalelių tinklus, kad jūsų svetainė atrodytų vėlesnė. Dalelės reaguoja į žymeklio judėjimą. Reakcijos ir kiti elementai, pvz., Spalvos, atstumas ir forma, gali būti konfigūruojami per parinktis.