Świeże zasoby dla projektantów stron internetowych i programistów (luty 2017)

Seria Fresh Resouces for Web Developers ma działa od około 4 lat, a utrzymanie tej serii dało mi wgląd w to, jak sieć rozwija się przez lata. Tam są nowe narzędzia wychodzące co miesiąc aby ułatwić tworzenie stron internetowych.

W tej transzy zebraliśmy wiele nowych narzędzi, które zawierają biblioteki JavaScript, kilka bibliotek CSS i odniesienie poprawić swoje umiejętności. 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.

Podpis

JavaScript jest przejmowanie aplikacji na komputery stacjonarne dla przenośności na różnych platformach, a także działa tak samo dobrze jak natywna aplikacja. Ta aplikacja, Podpis, na przykład jest zbudowany na szczycie Electron. Jest to prosta aplikacja, która umożliwia wyszukiwanie plików napisów (.srt), aby dołączyć do oglądanego filmu.

Niesamowita linia poleceń OSX

Na ogromna lista przydatnych i przydatnych linii poleceń dla systemu MacOS. Tutaj możesz znaleźć wiele rzeczy, które można zrobić za pomocą CLI, takich jak “czyszczenie kolejki drukowania”, “ukrywanie folderu w Finderze”, i “zapobieganie snu systemowemu”.

Trevor

Trevor jest po prostu Travis CI zrobione offline. Travis to usługa ciągłej integracji gdzie programiści testują swoje oprogramowanie sprawdzić, czy oprogramowanie działa poprawnie w wielu środowiskach. Trevor jest wciąż na wczesnym etapie; obecnie obsługuje tylko “NodeJS”.

Stopniowo

Ładny JavaScript biblioteka do stopniowego ładowania obrazu, stąd nazwa. Mały obraz zostanie wyświetlony i zamazany, gdy przeglądarka ładuje pełny obraz. To pomaga załadować stronę znacznie szybciej zwłaszcza jeśli zawiera duże obrazy.

QartJS

To jest JavaScript sprawia, że kod QR jest mniej nudny. Dzięki temu możesz nałożyć kod QR na obraz - na przykład zdjęcie.

WP Docker

WP Docker to Środowisko dokowania zaprojektowane specjalnie do tworzenia WordPressa. Środowisko jest niezależne i nie wpłynie na system komputerowy w przypadku dokonania konfiguracji. To jest świetna alternatywa dla Vagrant, Valet, Local i MAMP.

Rellax

Rellax to biblioteka JavaScript do utwórz efekt paralaksy na przewijanie strony. Ma kilka opcji i jest stosunkowo łatwy do skonfigurowania. Jest lekki, działa bardzo szybko i nie wymaga zależności, takiej jak jQuery dlatego jest to świetna alternatywa dla innych bibliotek w tej kategorii, takich jak Parallax.js lub Scrollax.js.

Artykułować

Kolejna fajna biblioteka JavaScript. Articulate przynosi syntetyczny głos na swojej stronie. To jest potrafi analizować i czytać Twoją stronę, ostatecznie może poprawić dostęp do witryny dla użytkowników o ograniczonej widoczności.

MonetizeJS

MonetizeJS to biblioteka JavaScript do łatwo wprowadzaj Stripe; tak proste, jak korzystanie z jQuery.

Vonic

Vonic to zbiór interfejsu użytkownika dla mobilny zbudowany przy użyciu Vue.js i Ionic CSS. Obejmuje wiele elementów interfejsu użytkownika powszechnie spotykanych w telefonach komórkowych, w tym Pole wyboru, formularz wyszukiwania, Swiper i tak zwany akordeon. Możesz użyć do zbudowania aplikacji mobilnej prototyp w przeglądarce.

Biblioteka komponentów WordPress

10up, jedna z czołowych nazwisk w WordPressie, wydała zaprojektowaną bibliotekę interfejsu użytkownika specjalnie dla WordPress. W przeciwieństwie do innych bibliotek interfejsu użytkownika, które udostępniają tylko kody CSS i HTML, 10Up udostępnia także fragment kodu PHP, który możesz po prostu wkleić w swoim motywie. Komponent obejmuje Nawigacja, karty, podpowiedzi, commonty i Blogrol.

Wydajność uruchamiania JavaScript

Znakomity i szczegółowe artykuły Addy Osmani, jeden z inżynierów Google, jak napisać JavaScript, który działa bardzo szybko. Zachęcam do przeczytania tego podnieś swoje umiejętności JavaScript.

KuteJS

Kute to Biblioteka JavaScript do wykonywania animacji. Jest niesamowicie szybki i bardzo wydajny w zużyciu pamięci. Posiada rozszerzenia i dodatkowe narzędzia umożliwiające stosowanie animacji CSS, SVG, a nawet wtyczka jQuery dla wygodniejszej składni.

Skały PWA

Progressive Web Application (PWA) to metodologia, która pozwala witrynie działać szybko i łatwo w trybie offline. Ten PWA Rocks wymienia taki, który został zatwierdzony przez Google jako PWA. Do dowiedz się więcej o PWA od Google spójrz na: progresywne aplikacje internetowe.

Automatyczny aktualizator Github

Github Auto-Updater to Biblioteka kompozytora, która umożliwia aktualizację wtyczki z Github. Jest to przydatny skrypt dla deweloperów, którzy nie mogą obsługiwać wtyczek dla swoich klientów koniecznie załaduj go do repozytorium Github.

Karta

Karta to biblioteka JavaScript to sprawia, że wprowadzanie danych kartą kredytową jest bardziej interesujące i poprawia wrażenia użytkownika podczas wprowadzania numerów kart kredytowych. To działa dobrze z jQuery, React, Angular i Ember.

Graaf

Graaf podaj nakładkę na stronę, aby zobaczyć, jak układa się siatka - kolumna, rząd, rynna. Możesz również wygeneruj własną specyfikację siatki przy użyciu udostępnionego interfejsu API.

Luxbar

Luxbar to a CSS do łatwego tworzenia responsywnej nawigacji; po prostu dodaj arkusz stylów i poprawnie dodaj kod HTML. Możesz zainstalować tę bibliotekę NPM, Bower lub połącz arkusz stylów bezpośrednio z CDN.

Kontrast siatki

Lista Tabela pokazuje kontrast kolorów i ich stopień dostępności w oparciu o WCAG 2.0. Możesz zmienić wartość w tabeli i szybko dowiedzieć się, czy kombinacja kolorów jest zgodna ze standardem WCAG.

ToneJS

ToneJS to biblioteka JavaScript do stworzyć dźwięk lub dźwięk, który może pochodzić z instrumentu muzycznego. Myślę, że ta biblioteka przyda się do zbudowania internetowego emulatora instrumentów muzycznych lub efekty dźwiękowe gry.