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

Zbliżamy się do końca 2016 roku i był to ekscytujący rok dla wielu, w tym twórców stron internetowych. W tym roku, Popularność ReactJS gwałtownie wzrosła, nowe rozszerzenie ReactJS zostało wydane i znajduje się na liście Trendy repozytoria Github (prawie) co tydzień.

PHP7 jest również wydany w tym roku który oferuje znaczną poprawę prędkości, a także wydanie WordPress 4.7 z długo oczekiwanym WP-API funkcja i Facebook wprowadził również pakiet przędzy które mogą podważyć NPM.

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.

Aby uzyskać więcej informacji na temat każdego z tych przydatnych wydań, spójrzmy na poniższą listę:

Latarnia morska

LightHouse to a poręczne narzędzie od Google zbadać twoje strony internetowe pod kątem nowoczesnych wskaźników rozwoju sieci, które obejmują wydajność ładowania strony, buforowanie za pomocą Service Workers, czas odpowiedzi serwera i tak dalej. Narzędzia te występują w dwóch formach: CLI (Command Line Interface) i Google Chrome.

FuseJS

Wyszukiwanie rozmyte jest rodzajem zakończenia wyszukiwania, w którym jest zwraca liczbę możliwości, nawet jeśli nie pasuje dokładnie do argumentów wyszukiwania. Na przykład, jeśli szukasz „do”, wynik może się zwrócić do zrobienia, robot, i stopa. To jest popularna wydajność wyszukiwania w dzisiejszych aplikacjach internetowych. FuseJS to lekka biblioteka JavaScript to pozwala na łatwe wdrożenie go na swojej stronie internetowej.

Pakiet przędzy

Przędza to Menedżer pakietów węzłów zbudowany przez Facebooka. Zasadniczo działa podobnie do NPM, choć z postępem w kilku obszarach, takich jak prędkości, „tryb offline”, który pozwala zainstalować pakiety bez łączenia się z Internetem, i bezpieczeństwo oraz niezawodność.

Pamięć podręczna menu

Poręczna wtyczka WordPress cache WordPress Menu przy użyciu Transient API w celu zwiększenia szybkości zapytań do bazy danych. Wtyczka zawiera wiele filtrów dostosuj okres buforowania i wykonuj inne rzeczy. Można go zainstalować za pomocą programu Composer lub jako zwykła wtyczka WordPress.

Githunt

Githunt to rozszerzenie Google Chrome, które zastępuje stronę główną Chrome z repozytorium trendów Github. Możesz sortować wynik na podstawie okresu i języka programowania. Myślę, że to jest, narzędzie do instalacji aby każdy programista był na bieżąco z najjaśniejszymi narzędziami.

FFocus

Nie możesz skupić się na swojej pracy i chcesz szybko wykonać swoją pracę? Wypróbuj FFocus. To jest CLI, który umożliwia zablokowanie strony internetowej na określony czas przez Terminal. FFocus może być zainstalowany przez NPM uruchamiając npm i ffocus -g dowództwo.

Accesslint

AccesslintJS to Biblioteka JavaScript do sprawdzania poprawności Twojej witryny dla dostępności. Korzystanie z tej biblioteki jest tak łatwe, jak załadowanie jej przed tag, a dostaniesz wszystkie ostrzeżenia i błędy tuż przy konsoli DevTools.

Kolorowalny

Kolorystyka to poręczna aplikacja internetowa to pozwala generować kombinację kolorów zgodną z Wytycznymi WCAG, a także tworzy Twoją stronę internetową dostępne dla użytkowników z upośledzeniem wzroku jak ślepota na kolor.

Micon

Micon to ikona czcionki wybranego piktogramu Microsoft Windows 10. To może być świetna wymiana FontAwesome które myślę, że jest już nadużywane.

CSS Reference

Nazwa mówi wszystko. To jest Odniesienie CSS do wyszukiwania składni CSS. Jest również prezentowany w przyjemny przyjemny sposób, co czyni go świetna alternatywa dla dokumentacji CSS w MDN, jeśli uważasz, że to zbyt nudne.

Lokalny przez Flywheel

To jest Aplikacja GUI, która sprawia, że konfiguracja lokalnej witryny WordPress w Twoim MacOS jest tak łatwa. Aplikacja pełna jest wspaniałych narzędzi dla programistów, takich jak; “Jedno kliknięcie” Instalacja WordPress, Dostęp SSH, łatwa konfiguracja SSL, projekt strony i XIP.io. Aplikacja została wyceniona na około 149 USD, ale jest teraz wydane za darmo od czasu zakupu przez Flywheel.

FreeCodeCamp

To jest darmowe źródło do nauki kodu dla sieci. Tematy obejmują HTML, CSS, JavaScript i a kilka bibliotek, takich jak ReactJS i D3. To zapewnia wyzwania lub przykłady projektów podczas gdy bierzesz kursy, a także samouczki do pomóc lepiej zrozumieć temat.

OverPass Font

Czcionka OverPass to rodzina czcionek osiem ciężarów (200-900), prawdziwa kursywa i krój monospace. Czcionkę można załadować jako czcionkę internetową z KeyCDN, jak również zainstalowany na komputerze stacjonarnym. Jest wolny i otwarty.

Forma bazy

Podstawą formularza jest zestaw reguł stylu CSS które resetują elementy formularza, które zawierają wkład, pole wyboru, Wybierz, i textarea z podstawowymi, ale pięknymi stylami. Ta biblioteka CSS jest dobra używać w połączeniu z innym “Reseter CSS” jak Normalize.css.

FrontEnd

jest to ramka, która jest używana do budowy 24ways.org; świetny zasób że możesz zajrzeć nauczyć się zaawansowanych technik CSS.

Zwycięstwo

ReactJS rośnie, a wraz z tym przychodzi duża liczba rozszerzeń do jego obsługi. Zwycięstwo to Komponent ReactJS dodać intercative i wykresy lub wizualizację danych.

Piekło

Inferno to Biblioteka JavaScript do budowania interfejsu internetowego na urządzeniach mobilnych. To jest zainspirowany ReactJS stąd dziedziczy podobne konwencje składniowe. Różnica polega jednak na tym, że Inferno jest zbudowany z myślą o wydajności co czyni to znacznie mniejszy rozmiar a także daje to szybszy czas renderowania.

Premonish

Permonish to biblioteka, która jest w stanie przewidzieć następną interakcję użytkowników. To pozwoli ci lepiej przygotuj interfejs użytkownika (UI) zanim rzeczywisty użytkownik wejdzie w interakcję z Twoją witryną.

Zestaw startowy SPA

Jest to przykład SPA (Single Page Application) zbudowanego z Laravel i VueJS. To jest jeszcze kolejne świetne źródło do nauki tworzenia stron internetowych za pomocą frameworków - spójrz na źródło Łukasza!

Docute

Docute jest Biblioteka JavaScript do tworzenia dokumentacji pojedynczej strony. Jest zasilany przez VueJS i dostarczany z wieloma narzędziami Node, które pozwalają szybko skonfiguruj i uruchom dokumentację.