Świeże zasoby dla projektantów stron internetowych i programistów (marzec 2016 r.)

W naszej ostatniej części skupiliśmy się na różnych bibliotekach JavaScript i CSS, aby pomóc w tworzeniu lepszych stron internetowych i aplikacji internetowych. W tym miesiącu mamy więcej bibliotek, które możemy polecić obok niewielkiego zainteresowania typografią.

W tej rundzie serii przyjrzymy się kilku bibliotekom JS, które znajdą zastosowanie, ale także zbiór wskazówek, bardzo długi esej na temat typografii, generatora kolorów i lekkiego frameworka. Bez zbędnych ceregieli sprawdźmy je.

Kliknij, aby uzyskać więcej zasobów

Znajdź całą naszą kolekcję zalecanych zasobów oraz najlepsze dostępne narzędzia do projektowania i tworzenia stron internetowych.

Porady JS

JS Tips to zbiór wskazówek JavaScript, niektóre z nich obracają się wokół składnia, trochę o wydajność i wydajność kodu, a niektóre inne są specyficzne dla frameworka takiego jak AngularJS. Nowe wskazówki są dodawane codziennie, a obecnie wydano 50 porad. To jest zasadniczo zakładka obowiązkowa strona dla każdego programisty.

Vagrant Manager

Vagrant Manager to aplikacja GUI do kontroli Vagrant. Podobny MAMP, w którym możesz zatrzymać lub uruchomić Vagrant i zobaczyć, który Vagrant jest aktualnie uruchomiony. Aplikacja jest dostępna dla OS X i dla Windows. Jeśli nie jesteś pewien, czym jest Vagrant, sprawdź nasz poprzedni post na temat Jak zainstalować WordPress lokalnie z Vagrantem.

Bulma

Bulma jest frameworkiem. Pakiet zawiera kilka wspólne komponenty interfejsu użytkownika z Internetu, jak nawigacja, rozwijanie i (oczywiście) siatka, która jest w całości zbudowana Flexbox. Jedyną brakującą funkcją (przynajmniej na razie) są składniki JavaScript. Komponenty Bulmy są znacznie cieńsze w porównaniu do Bootstrap, ale powinny wystarczyć do zbudowania małej, ale reprezentacyjnej strony internetowej.

Gutenberg

Nazwany na cześć Johannesa Gutenberga, wynalazcy prasy masowej. Gutenberg to zbiór zasady stylu dla prawidłowego ustawienia typograficznego w sieci. Reguły stylu określają linię bazową, rozmiar i skalowanie czcionki oraz wysokość linii. Świetna biblioteka stylów, która sprawi, że treść Twojej witryny będzie wyglądać znacznie lepiej.

OkayNav

OkayNav to jQuery do budowania responsywnej nawigacji, ale nie tylko kolejnej. Wtyczka ma nieco inne podejście do responsywnego projektu: po zmianie rozmiaru rzutni na mniejsze, każde menu będzie stopniowo scalono w ikonę, aby tolerować ograniczony rozmiar rzutni. Brzmi fajnie, prawda??

Nowa typografia internetowa

The Nowa typografia internetowa to dogłębny, otwierający oko esej o typografii. Omawia style od wczesnych dni książek do aktualnego sposobu, w jaki budujemy i konsumujemy w sieci. Jest to obszerny artykuł autorstwa Robina Rendle, dobrze zbadany z wieloma ilustracjami i w pełni przywołany, ale zdecydowanie warto przeczytać, aby lepiej zrozumieć typografię.

Bezpieczny kolor

Bezpieczny kolor to paleta generatorów kolorów dla sieci. W przeciwieństwie do narzędzi, o których wcześniej wspominaliśmy w tej serii, ColorSafe będzie generować tylko kolory zgodne ze standardem WCAG dotyczącym dostępności kolorów.

Dostępne okno dialogowe modalne

To jest mała (tylko ~ 0.5 KB) biblioteka JavaScript do zbuduj modalne okno dialogowe. Dostępni użytkownicy mogą łatwo otwierać, zamykać i poruszać się po oknie dialogowym za pomocą klawiatury i myszy. Pakiet jest po prostu nagim JavaScriptem, bez stylizacji, więc możesz dowolnie kształtować modalne okno dialogowe w dowolny sposób.

Mo.js

Mo.js to kompletny pakiet biblioteki animacji JavaScript. Jest wyposażony w kilka ustawień wstępnych, dzięki czemu można szybko ustawić i uruchomić animację. Jest modułowy, co pozwala usunąć niepotrzebną funkcjonalność, a także płynność i gładkość. Będąc świeżą nową biblioteką, niestety dokumentacja nie jest jeszcze gotowa (na razie).

Cząstki

Ta biblioteka dodaje pływające sieci cząsteczek na swojej stronie internetowej, aby Twoja strona wyglądała od razu chłodniej. Cząstki będą reagować na ruch kursora. Reakcje, a także inne elementy, takie jak kolory, odległość i kształt, można skonfigurować za pomocą opcji.