Świeże zasoby dla projektantów stron internetowych i programistów (październik 2018 r.)

W przeciwieństwie do innych branż rozwój stron internetowych zmienia się skokowo. Istnieją nowe narzędzia, metody i ramy opracowywane niemal codziennie, aby zaspokoić ich potrzeby nowsze trendy i postęp technologiczny w branży internetowej.

Oto lista najnowszych narzędzi i zasobów, w tym ramy PHP do łatwego wykonywania Testowanie E2E dla twojej aplikacji PHP, narzędzie do generowania kolorów zgodnych ze standardami dostępności W3C i garstką rozszerzeń Vue.js. Wskoczmy, aby zobaczyć pełną listę.

Aplikacja klatek kluczowych

Aplikacja internetowa zapewnienie ładnego GUI do tworzenia animacji CSS i wizualizuj animację na osi czasu. Aplikacja pozwala również na pobranie wyjścia CSS, gdy tylko będziesz zadowolony. Klatki kluczowe CSS nie są najłatwiejszą specyfikacją w CSS, więc posiadanie takiej aplikacji z pewnością byłoby oszczędnością czasu.

Symfony Panther

“Symfony Panther” jest niesamowitym frameworkiem PHP Symfony do wykonywania testu E2E (End-to-end). Pochodzi z jego wbudowany serwer internetowy i może wykorzystać Chrome zainstalowany na komputerze do wykonania testu E2E.

Ponadto obsługuje Wykonania JavaScript, zrzut ekranu, niestandardowy sterownik Selenium, Chrome i klient Firefox. Będąc samodzielnym frameworkiem, możesz dołączyć Panther do dowolnych projektów PHP, takich jak na przykład WordPress, Joomla itp..

Trendy palety

Kolekcja pięknych palet kolorów. Kolekcja oferuje tysiące ręcznie dobrane palety kolorów. Użytkownicy mogą przesyłać nową paletę kolorów, więc zawsze będą dodawane nowe palety. TrendyPalettes jest również dostępny jako rozszerzenie Chrome.

Eagle.js

Eagle.js to platforma do tworzenia slajdów zbudowanych na bazie Vue.js, dzięki czemu można łatwo ponownie używać niestandardowych komponentów Vue.js w slajdach. Suwak również obsługuje nawigacja za pomocą klawiatury i myszy, niestandardowa stylizacja lub motywy, interaktywne widżety i stanowi podstawę do szybkiej konfiguracji i prezentacji slajdu. To może być świetne alternatywa dla Reveal.js, zwłaszcza jeśli znasz już Vue.js.

Grape.js

GrapeJS to otwarty program do tworzenia stron internetowych, który umożliwia tworzenie stron internetowych po prostu przeciąganie i upuszczanie komponentów. Udostępnia niektóre typowe elementy, takie jak tekst, obraz, Vidoe, kolumny, mapa, cytat itp. Możesz wyeksportować go do HTML i CSS, a wynik jest niesamowicie czysty, w przeciwieństwie do niektórych podobnych narzędzi, które próbowałem wcześniej. Sprawdź demo.

Nudny

Vapid to nowy CMS zbudowany z Node.js z ciekawym i unikalnym podejściem. Większość CMS, zakładając, że chcesz dołączyć nowy typ danych, wymaga najpierw zdefiniowania niestandardowego wejścia w obszarze Dashboard / Admin.

W Vapid jest odwrotnie, ponieważ możesz zdefiniować szablon, a Vapid automatycznie wygeneruje dane wejściowe w obszarze Dashboard / Admin. Jest dostępny jako pakiet NPM.

Powiadomienie WP CLI

Nazwa mówi wszystko. Jest to niestandardowy pakiet WP-CLI do wyświetlania powiadomień systemu operacyjnego, gdy już uruchomiono WP-CLI. Dość fantazyjne.

CSSGr.id

Aplikacja internetowa do tworzenia siatki CSS. Możesz skonfigurować liczbę elementów, kolumn, lukę między poszczególnymi pozycjami, a także zakres poszczególnych elementów, a następnie wygenerować kod HTML i CSS. CSS Grid jest jedną z tych specyfikacji CSS, które nie są łatwe do zrozumienia. Ale to narzędzie sprawia, że ​​łatwiej jest sobie z tym poradzić.

Przewiń podpowiedź

ScrollHint to biblioteka JavaScript, która pozwala na utworzenie elementu na górze, aby pokazać, że sekcja na stronie jest przewijalna. Jest to szczególnie przydatne, jeśli na stronie internetowej znajduje się poziomy element przewijania, ponieważ większość ludzi nie przewija się naturalnie od lewej do prawej (lub odwrotnie) podczas korzystania z internetu.

PristineJS

Biblioteka JavaScript do dodawania sprawdzania poprawności do danych wejściowych. HTML5 ma już pewne zatwierdzenie typu już z “type = email”, i “type = liczba” na przykład. Ale jeśli potrzebujesz niestandardowy walidator, który nie jest zaimplementowany w HTML5, ta biblioteka JavaScript będzie przydatna.

SelectionJS

Większość ludzi prawdopodobnie zna już sposób wybierania wielu folderów lub plików na swoim komputerze; zazwyczaj przytrzymują myszy i przeciągają je wokół plików lub folderów, które chcą wybrać. Jeśli chcesz zastosować ten sam UX na swojej stronie, SelectionJS przyda się.

Webdash

Webdash to narzędzie, które potrafi wyświetl swój projekt w interfejsie GUI. Łączy się przez package.json plik na komputerze. Więc może wyświetlić listę Pakiety NPM, zaktualizuj pakiet, zarejestrowane skrypty, uruchom skrypt, i podgląd plików README bezpośrednio z Webdash. Dość niesamowite!

CanJS

Struktura JavaScript do budowania interfejsu WWW. Jest podobny do React.js z kilkoma dodatkowymi funkcjami i pochodzi z router, narzędzia DOM i funkcja AJAX zaraz po wyjęciu z pudełka. Posiada również dość aktywne wsparcie społeczności, zapewnia pewne rozszerzenia.

CheerioJS

Biblioteka JavaScript, która implementuje specyfikację jQuery Core dla DOM (Document Object Model) i jest przeznaczona do użycia po stronie serwera. Jeśli jesteś Praca z Node.js korzysta także ze składni jQuery lubić addClass (), attr (), i odnaleźć(), to jest JavaScript, którego szukasz.

Kolorowe pudełko

Colorbox to inicjatywa Lyft mająca na celu wygenerowanie kompozycji kolorystycznej zgodnej ze standardem Color Accessiblity. Narzędzie jest zasilane sprytnym algorytmem, który pozwala w prosty sposób poruszaj się po gałce, zmień konfigurację, i wygeneruje dla ciebie odpowiednie kolory. To po prostu niesamowite.

Wpisane właściwości w PHP 7.4

PHP7.3 jest tuż za rogiem, jak wspomnieliśmy w poprzedniej części. Ale PHP7.4 jest już w Planie. Jednym z planów jest Typed Property. Oznacza to, że wkrótce będziesz mógł napisz coś takiego public int $ id; w twojej klasie PHP. To ogromna zmiana, która może znacznie pomóc zmniejszyć błędy aplikacji PHP.

Szablon

Kompilator JavaScript, który ułatwia tworzenie składników sieci Web z najnowszym standardem. Oprócz tego, StencilJS dodaje również trochę nowoczesnego podejścia do tworzenia stron internetowych Obsługa JSX, reaktywność, router i zarządzanie stanem za pomocą wtyczki.

Vue Infinite Loading

Rozszerzenie Vue, aby utworzyć nieskończoną stronę przewijania. Jest przyjazny dla urządzeń mobilnych i kompatybilny z każdym przewijanym elementem. Obsługuje również dwa kierunki przewijania, a co najważniejsze, oszczędza dużo czasu.

Schowek V

Niestandardowe rozszerzenie Vue.js łatwe do utworzenia “Kopiuj” przycisk. Możesz po prostu dodać v-schowek przypisz przycisk, a wszystko gotowe. To rozszerzenie Vue.js działa dla każdej nowoczesnej przeglądarki, a także dla IE11 i najnowszych.

Vue Wybierz

Komponent Vue.js, który zapewnia podobną funkcjonalność jak Select2. Jest przeznaczony dla Vue.js, na który pozwala kompatybilny z Vuex, Custom Templating, i kilka innych dobroci Vue.js..