Čerstvé zdroje pre tvorcov webových stránok a vývojárov (marec 2016)

V našej poslednej splátke sme sa zamerali na rôzne knižnice Javascript a CSS, ktoré pomáhajú budovať lepšie webové stránky a webové aplikácie. Tento mesiac máme k dispozícii viac knižníc, ktoré odporúčame popri malom zameraní na typografiu.

V tomto kole série sa pozriete na niekoľko knižníc JS, ktoré nájdete, ale aj na zbierku tipov, veľmi dlhú esej o typografii, generátor farieb a ľahký rám frontend. Bez ďalšej kontroly ich skontrolujte.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

JS Tipy

JS Tips je zbierka tipov pre JavaScript, z ktorých niektoré sa točia syntax, niektoré účinnosť a výkonnosť kódu, a niektoré ďalšie sú špecifické pre rámec ako AngularJS. Nové tipy sa pridávajú denne a v súčasnosti sa vydáva 50 tipov. Je to v podstate povinná záložka web pre každého webového vývojára.

Vagrant Manager

Vagrant Manager je GUI aplikácia pre kontrolu Vagrant. Podobné MAMP, kde môžete zastaviť alebo spustiť Vagrant, a zistiť, ktorý Vagrant momentálne beží. Aplikácia je k dispozícii pre OS X a Windows. Ak si nie ste istí, čo je Vagrant, pozrite si náš predchádzajúci príspevok o tom, ako nainštalovať WordPress lokálne s Vagrantom.

Bulma

Bulma je rámec frontend. Balík obsahuje niektoré bežné komponenty používateľského rozhrania ako je napríklad navigácia, rozbaľovanie a (samozrejme) mriežka, ktorá je úplne vybudovaná flexboxu. Jediná funkcia, ktorá chýba (aspoň zatiaľ), sú komponenty jazyka JavaScript. Bulma komponenty sú oveľa štíhlejšie v porovnaní s Bootstrapom, ale stačia na vytvorenie malej, ale prezentovateľnej webovej stránky.

Gutenberg

Pomenovaný po Johannesovi Gutenbergovi, vynálezcovi hromadného tlače. Gutenberg je zbierka pravidlá štýlu pre správne typografické nastavenie na webe. Pravidlá štýlu nastavujú základnú čiaru, veľkosť a veľkosť písma a výšku čiary. Skvelá knižnica štýlov, aby váš obsah na stránkach vyzeral oveľa lepšie.

OkayNav

OkayNav je jQuery na vybudovanie citlivej navigácie, nielen ďalšej. Zásuvný modul má mierne odlišný vzhľad na prispôsobivý dizajn: ak je výrez zmenený na menšie, každé menu bude postupne zlúčili do ikony, aby tolerovali veľkosť obmedzeného výhľadu. Znie to cool, nie?

Nová webová typografia

Nová webová typografia je hĺbková očná otvorená eseje o typografii. Rozoberá štýly od začiatku kníh až po súčasný spôsob budovania a spotreby na webe. Dobre skúmaný s viacerými ilustráciami a plne odkazovaný, je to zdĺhavý článok Robin Rendle, ale určite stojí za to čítať, aby ste lepšie pochopili typografiu.

Bezpečné farbenie

Bezpečné farbenie je paleta generátora farieb pre web. Na rozdiel od nástrojov, ktoré sme už v tejto sérii spomenuli, ColorSafe vytvorí len farby, ktoré vyhovujú norme WCAG pre prístupnosť farieb.

Dostupný dialóg dialógu

Toto je malá (iba ~ 0,5kb) knižnica JavaScript vytvoriť dialógové okno pre modálne. Keďže sú prístupné, môžu používatelia jednoducho otvoriť, zatvoriť a prechádzať dialógom pomocou klávesnice a myši. Balík je jednoducho prázdny JavaScript, žiadne štýly, takže môžete voľne tvarovať dialógové modality akýmkoľvek spôsobom, ktorý sa vám páči.

Mo.js

Mo.js je kompletný balík animačnej knižnice JavaScript. Dodáva sa s niekoľkými predvoľbami, takže môžete rýchlo nastaviť a spustiť animáciu. Je to modulárny, čo vám umožňuje odstrániť zbytočné funkcie, rovnako ako tekutiny a hladké. Ako novú novú knižnicu bohužiaľ dokumentácia ešte nie je pripravená (teraz).

častice

Táto knižnica pridáva na vaše webové stránky siete s plávajúcimi sa časticami, aby vaše webové stránky okamžite vyzerali chladnejšie. Častice reagujú na pohyb kurzora. Reakcie, ako aj iné prvky, ako sú farby, vzdialenosť a tvar, je možné konfigurovať pomocou možností.