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

Czas leci, a my jesteśmy teraz w połowie 2017 roku. W tym miesiącu mamy szereg wspaniałych bibliotek JavaScript i kilka innych, takich jak wtyczka, która umożliwia GraphQL w WordPress, aplikację do renderowania danych CSV i kilka stron internetowych ramy. Sprawdźmy je.

HeroPatterns

Kolekcja powtarzalny wzór wykonany z SVG które możesz wykorzystać jako tło w swojej witrynie. Witryna jest wyposażona w poręczne ustawienie dostosuj kolor i krycie wzoru i pozwala po prostu skopiować i wkleić kod, aby dodać go do swojego CSS.

TestCafe

TestCafe to kompleksowe narzędzie testowe (e2e) to pozwala na testowanie stron internetowych i aplikacji internetowych tak, jakby były używane przez prawdziwych użytkowników. Zautomatyzuje kilka rzeczy podczas wykonywania testu, w tym uruchomienie przeglądarek, uruchomienie określonej jednostki testowej, wygenerowanie raportów, zrzuty ekranu oraz sourcemap do łatwego rozwiązywania błędów.

SugarJS

SugarJS to biblioteka JavaScript do manipuluj obiektami, tablicami i datami z ładniejszą i bardziej czytelną składnią. Biblioteka ma również na przykład kilka funkcji użytkowych, .escapeHTML () które będą konwertować elementy HTML do ich formatu Entity.

MS

Poręczna biblioteka JavaScript do czas skrętu, liczba i zwykły ciąg do milisekund. ms („2 dni”), na przykład zostanie przekonwertowany na 172800000.

pa11y

Wspaniała kolekcja narzędzi do pomocy poprawić dostępność na swojej stronie i aplikacje internetowe. pa11y składa się z CLI do testowania dowolnych stron internetowych pod kątem wszelkich problemów z dostępnością; Pulpit nawigacyjny do wyświetlania wygenerowanych raportów błędów i ostrzeżeń, i CLI, który jest specjalnie zaprojektowany dla narzędzia CI, takiego jak Codeship lub Travis.

Ikony piór

ZA kolekcja ikon z nowoczesnym klimatem. Ikony te idealnie pasują do strony internetowej i aplikacji przeznaczonych na dowolne platformy (iOS, Windows lub Ubuntu). Ikony przychodzą SVG, jak również w komponentach React i Angular.

React Flight

Moduł React do buduj kompozycję animacji w swojej aplikacji. Biblioteka jest inspirowana przez Principle for Sketch, w którym możesz dodaj interaktywność do komponentu interfejsu użytkownika szybko i łatwo.

BounceJS

Biblioteka do tworzyć animacje z efektem odbicia. Animacja jest obsługiwana przez CSS3 i szereg wstępnie ustawionych animacji. Możesz zainstalować bibliotekę JavaScript poprzez npm, bower lub po prostu skopiuj animację CSS wygenerowane na stronie internetowej.

Bojler

Bojler jest framework e-mail z wytycznymi dotyczącymi pisania kodu HTML które będą poprawnie renderowane na większości popularnych klientów poczty e-mail. Możesz znaleźć więcej frameworków emailowych w naszym poprzednim poście.

Devicon

Kolekcja ikony języków programowania, projektowania i narzędzi programistycznych. Ikony są dostępne w formacie SVG i Font. Niektóre szczególne ikony takie jak Firefox, AWS i HTML5 również zawierają szczegółowe warianty. Całkiem fajnie?

Teraz zestaw interfejsu użytkownika

Czuły interfejs kolekcji oparty na Bootstrap 4. It zawiera 50 elementów i 3 niestandardowe szablony. Oprócz wersji HTML interfejs użytkownika jest również dostępny w formatach PSD i Sketch.

T-Scroll

T-Scroll to a Biblioteka JavaScript do stosowania animacji kiedy element jest widoczny w rzutni. Jest wyposażony w kilka opcji i zaprogramowanych animacji.

Ory Edytor

ORY to nowoczesny i bardziej dostępny edytor WWW w sieci. Edytor ORY to zbudowany na szczycie React and Flux. Ułatwia edycję, umożliwiając użytkownikom edytowanie treści i natychmiastowe wyświetlanie wyników bez znajomości specjalnych składni, takich jak HTML lub Markdown.

TadViewer

TadViewer jest przydatny aplikacja na komputer, aby wyświetlić CSV i działa na dużych danych i plikach. Aplikacja jest dostępna na MacOS, Windows i Linux.

Smooth Scroll Polyfill

Sprawne przewijanie okazało się bardziej przyjemne dla użytkownika. Obecnie jest proponowany i oficjalnie opracowany w W3C. W tej chwili działa tylko w Chrome, Firefox i Opera. Użyj tej biblioteki do emuluj płynne przewijanie w Internet Explorerze i Safari.

Noty

Biblioteka JavaScript do wyświetlania powiadomień, Noty ułatwia wyświetlanie komunikatu Alart, sukcesu, błędu, ostrzeżenia, informacji lub okna dialogowego. Może być używany wraz z biblioteką animacji, taką jak mo.js i bounce.js aby powiadomienie zostało wprowadzone z wdziękiem.

Gra w klasy

Gra w klasy to projekt open source tworzony przez LinkedIn. Jest to struktura ułatwiająca programistom dodawanie tras produktów. Sprawdź wersję demonstracyjną na żywo i API.

SurveyJS

SurveyJS to kolejna niesamowita biblioteka JavaScript. Jak sama nazwa wskazuje, jest zaprojektowany do tworzenia wejść ankietowych. Zawiera różne typy danych wejściowych, aby wypełnić odpowiedzi na ankietę i został również przeniesiony do kilku popularnych struktur JavaScript w tym AngularJS, VueJS i React.

WP GraphQL

GraphQL rośnie i może być silny rywal do zastąpienia architektury REST to obsługuje prawie wszystkie internetowe API. To jest wtyczka, która pozwoli Ci pobierz zawartość WordPressa za pomocą GraphQL. Oto świetne odniesienie do tego, jak REST i GraphQL różnią się między sobą.

Monaco Editor

Monaco Editor to edytor zasila Visual Code Editor. Jest zbudowany przez firmę Microsoft i obsługuje kilka języków, w tym HTML, CSS, LESS, CoffeeScript i PHP wraz z Intellisense, który pomaga szybciej pisać kod.