Świeże zasoby dla projektantów stron internetowych i programistów (sierpień 2018)

Wydaje się, że społeczność deweloperska jest ostatnio bardziej aktywna, ponieważ w ostatnich miesiącach pojawiło się sporo nowych narzędzi. W tej rundzie serii podkreślę niektóre z narzędzi, które warto wspomnieć.

Wśród listy narzędzi znajduje się Biblioteka JavaScript do generowania fałszywych danych, narzędzie do udostępniania plików w sieciach lokalnych, i taki, który pozwoli ci nagrać sesję terminala w animacji SVG. Brzmi nieźle? Sprawdźmy pełną listę poniżej.

Pushbar.js

To biblioteka JavaScript do tworzenia przesuwnych szuflad. Zazwyczaj przesuwana szuflada służy do wyświetlania nawigacji w menu witryny, ale możesz użyć tej biblioteki, aby wyświetlić wszystko, co jest odpowiednie dla Twojej witryny. Pushbar.js to w pełni konfigurowalny i wolny od zależności, nie wymaga jQuery.

Carbon teraz CLI

Carbon CLI to pakiet Node.js do wygeneruj zrzut ekranu kodu pięknie przez interfejs linii poleceń. To narzędzie jest inspirowane przez carbon.now.sh, gdzie możesz zrobić to samo za pomocą ładnego GUI w przeglądarce.

Faker.js

Biblioteka JavaScript do utworzyć fałszywe dane. Obsługuje generowanie dużej ilości danych, takich jak nazwiska, adres pocztowy, nazwa firmy, numer telefonu, data i wiele innych. Wszystkie te dane mogą być bardzo przydatne przetestuj swoją aplikację internetową.

TermToSVG

TermToSVG ​​to Rejestrator terminali Linux który renderuje twoje sesje wiersza poleceń w animację SVG. Jest to przydatne narzędzie dla programistów do pisania samouczka.

Menedżer kopii zapasowych bazy danych

Jest to biblioteka PHP i, jak sama nazwa wskazuje, zapewnia zestaw funkcjonalności obsługiwać tworzenie kopii zapasowych i przywracanie danych. Biblioteka obsługuje różne usługi wysyłania lub pobierania kopii zapasowych, w tym Dropbox, Amazon S3, FTP i SFTP oraz Rackloud Cloud.

Reaguj Bity

Bogate kolekcje technik React.js, porad i sztuczek, React Bits obejmują typowe wzorce projektowe, stylizację i wskazówki dotyczące wydajności. To jest naprawdę świetne źródło, aby podnieść poziom umiejętności React.js.

Język DSS

DSS oznacza Deterministic StyleSheets, nowe narzędzie do tworzenia CSS. Jak to działa i jak można to zastosować w mojej codziennej pracy? Jak dotąd nie mam pojęcia. Ale wygląda fajnie i jest nowy, więc jest na liście. Dziękuję Ci!

PurgeCSS

PurgeCSS to pakiet NPM, który pozwala optymalizuj wyjście CSS w aplikacji internetowej, usuwając te, które nie są używane. Narzędzie ma wiele wbudowanych narzędzi wsparcia obejmujących Gulp, Grunt, Grunt, Webpack i PostCSS, więc możesz zintegrować go z projektem od razu.

RFS

RFS to skrót od Responsive Font Size i jest interesującym projektem, który ma na celu zajęcie się jedną z najtrudniejszych rzeczy w sieci, to znaczy dostosuj rozmiar czcionki, w taki sposób, aby rozmiar ładnie pasował do rozmiaru rzutni urządzenia. RFS jest dostępny jako NPM

SimpleBar

Biblioteka JavaScript do tworzenia niestandardowego paska przewijania, SimpleBar pozwala na stylowanie przewijania dopasuj swój styl witryny za pomocą CSS, tak jak każdy inny element HTML na stronie. Ze względu na ograniczenia platformy i przeglądarki stylizowanie paska przewijania przeglądarki było kiedyś skomplikowane, ale SimpleBar naprawdę to ułatwił.

Larastan

Larastan to opakowanie PHPStan dla Laravel. PHPStan to narzędzie, które pozwoli Ci sprawdzić kody pod kątem potencjalnych błędów bez konieczności pisania testu jednostkowego. Sprawdza wiele rzeczy, w tym istnienie nazwanych metod i funkcji, typy przypisane do właściwości, liczbę i typy przypisane do konstruktora klasy oraz sprawdzanie poprawności phpDocs.

PWMetrics

PWMetrics to narzędzie, które gromadzi metryki Progressive Web Apps poprzez interfejs linii poleceń opracowany przez Paula Irish. Narzędzie jest zasilane przez Lighthouse i jest dostępne jako pakiet NPM. Zapewnia mnóstwo opcji skonfigurować metryki, wydajność testu, i oczekiwanie, które chciałbyś osiągnąć z testu.

Patena

Pax to pakiet JavaScript do skompiluj moduły JavaScript do użytecznego pliku dla przeglądarek. Pax obiecuje szybkość. Kompiluje się szybciej niż niektóre alternatywne pakiety. W pełni popiera ES6 import i eksport składnia i sytax CommonJS import. w odróżnieniu patena jest napisany w Rust i jest dostępny w rejestrze pakietów Rust o nazwie Cargo.

SustyWP

SustyWP to Motyw WordPress ma na celu lepszą przyczynę; w celu zmniejszenia śladu węglowego poprzez zmniejszenie jego wielkości do najmniejszej możliwej. Waga jest ważona tylko 7-6kb po załadowaniu do przeglądarki. Jego szybko i jasno, w zamian zużywa mniej zasobów (np. energii elektrycznej) do załadowania witryny. Zapoznaj się z historią tematu w tym poście Jacka Lenoxa.

Biblioteka Doodle

ZA zbiór rysunków doodle, Biblioteka Doodle zawiera wiele rysunków w kolekcji i są one pogrupowane w kilka kategorii Twarze, Miejsca, Zwierzęta itp. Rysunki są dostępne w formacie SVG i są rozpowszechniane w ramach Creative Common Attributes 4.0

Tilt.js

Wtyczka jQuery do stworzyć fantazję przechylenie efekt podobnie jak w przypadku miniatur podglądu, które widzimy w Apple TV. Nie wymaga dodatkowego CSS. Dostarczają również przykładową implementację na tej stronie, więc jej użycie jest całkiem proste. Upewnij się, że sprawdź efekt olśnienia; To naprawdę fajne.

Fileroom

Fileroom to aplikacja internetowa dla udostępnianie plików w sieci równorzędnej w tej samej sieci. Możesz udostępniać plik swojemu koledze po prostu przeciągając i upuszczając niezależnie od systemu operacyjnego. Działa w systemie Windows, MacOS, Linux.

Coolhue

Kolekcja ręcznie wybranych kolorów gradientowych, Coolhue, pozwala pobrać próbki palet kolorów dla aplikacji Photoshop i Sketch lub zainstaluj go w swoim projekcie za pomocą altana lub npm. To powinno zaoszczędzić trochę czasu na wybieranie kolorów dla nadchodzących stron internetowych.

Rafa

Prosta biblioteka JavaScript do tworzenia interfejsu użytkownika, Reef nie ma wszystkich dzwonków i gwizdków z większej biblioteki, takiej jak React.js lub Vue.js. Ale jeśli wszystko czego potrzebujesz to zrobić renderuj interfejs użytkownika, wystarczy wprowadzić dane a szablon Reef może być świetną alternatywą. To waga zaledwie 2Kb

Zimozielony

Kolekcja składnika interfejsu użytkownika z Segment.io. Składniki są dość zróżnicowane; poza niektórymi regularnymi elementami, takimi jak przyciski, ikony, wprowadzanie tekstu, istnieje kilka, które moim zdaniem są unikalne w Evergreen, takie jak toster, arkusz boczny i okno narożne.