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

Lipiec to miesiąc, który przynosi lato, a więc dla partii świeżych zasobów w tym miesiącu, mamy kilka nowych, gorących narzędzi od dobrze znanych i początkujących programistów.

Lista zawiera dość interesującą mieszankę narzędzi, począwszy od biblioteki Sketch przez społeczność WordPress, która pozwoli Ci stworzyć prototyp interfejsu WordPress, garstkę narzędzia rozszerzające React.js i Vue.js, i kilka odniesień, aby podnieść twoje umiejętności rozwoju. Sprawdźmy je.

WPRIG

All-in-one startowy motyw WordPress stworzony przez Morten Rand-Hendriksenand jest wyposażony w buduj proces predefiniowany za pomocą nowoczesnych narzędzi jak integracja Gulp, Babel, ESLint i Visual Studio Code. Pomoże Ci stworzyć świetny motyw WP bez konieczności konfigurowania otaczających narzędzi programistycznych.

VueNative

Struktura oparta na Vue.js do budowy wieloplatformowej aplikacji mobilnej, która pozwala na napisanie kodu ze specyfikacją Vue.js. Narzędzie to skompiluj go do React Native i czy magia działa za tobą za sceną vue-native CLI. Jeśli znasz już Vue.js, może to być odpowiednie ramy do budowy aplikacji mobilnej.

SketchPress

Ludzie z 10up właśnie wydali SketchPress, który jest Naszkicuj szablon do szybkiego tworzenia makiet i projektów interfejsu administracyjnego WordPress. Jest on wyposażony w zwykły interfejs administratora, taki jak Główny przycisk, pasek menu, Dashicons, Metabox, itp. SketchPress jest doskonałym narzędziem towarzyszącym programistom WordPress, aby dopasować wtyczkę i stronę ustawień lub strony opcji z interfejsem administratora WordPress.

Docz

Docz to generator dokumentacji oparty na MDX który był opisywany w ostatniej rundzie tej serii. To narzędzie umożliwi importowanie i dołączanie niestandardowego komponentu JSX do miksu za pomocą składni Markdown, podobnie jak pisanie dokumentu JSX.

Animista

Animacja CSS ożywia sieć. Jednak nie zawsze łatwo jest skomponować animację CSS, biorąc pod uwagę prefiksy przeglądarki dla zgodności, parametrów i przedziału czasowego animacji. Animasta ułatwia to zadanie, generując kod dla Ciebie. Możesz skonfiguruj animację w przyjaznym dla użytkownika interfejsie, z którego możesz po prostu skopiować kod.

GridToFlex

Kilka przykładów zwykłego układu stron internetowych zbudowanych przy użyciu natywnej siatki CSS i wykorzystanie Flexboksa jako rezerwy dla przeglądarki, która go jeszcze nie obsługuje. Sprawdź nasz post: Wprowadzenie do modułu układu siatki CSS.

RatioBuddy

Miłe narzędzie do wygeneruj pole z CSS o określonym stosunku, na przykład, 1: 1, 3: 4, itp. Narzędzie wygeneruje kod w formacie SCSS do skopiowania.

Jak GraphQL

GraphQL jest alternatywą dla struktury danych REST i jak GraphQL to a wszechstronne zasoby do nauki. Jest znacznie bardziej wydajny niż REST, ponieważ pobiera tylko żądane dane, zmniejszając obciążenie i transfer danych.

Przykładowa historia

Prosta wtyczka WordPress do wyświetlania historii aktywności wykonanej w panelu WordPress. Obsługuje rodzimą aktywność WordPress, na przykład gdy użytkownik tworzy posty i strony, loguje się i aktywuje lub dezaktywuje inne wtyczki. Może też śledzić aktywność innych wtyczek w tym zaawansowane niestandardowe pola (ACF) i przełączanie użytkowników. To świetna wtyczka do śledzenia aktywności wewnętrznej Twoich witryn.

Transfer.sh

to jest przydatne narzędzie do udostępniania plików za pomocą polecenia Shell. Możesz przesłać dowolny typ pliku do 10 GB. Obsługuje również szyfrowanie plików. I czy wspomniałem, że jest całkowicie bezpłatny?

FB Sonar

Narzędzie do debugowania aplikacji mobilnych na iOS i Androida. Aplikacja jest wyposażona w kilka narzędzi do wygodne doświadczenie debugowania takie jak przeglądarka dziennika, interaktywny inspektor układu i inspektor sieci. Jeśli to nie wystarczy, możesz utworzyć wtyczkę, aby rozszerzyć aplikację o potrzebne funkcje.

JSUI

Ta aplikacja jest wypełniona wieloma narzędziami, aby zapewnić lepszy sposób organizowania projektów. Możesz utwórz grupę, wygeneruj nowy projekt za pomocą popularnych projektów jak React, Vue i Angular, zainstaluj zależność od projektu, uruchom serwer Node.js i wiele więcej. Świetna aplikacja dla tych, którzy zarządzają kilkoma projektami.

BrainMonkey

Narzędzie do testowania jednostek PHP zaprojektowane z użyciem określonych narzędzi do WordPress. Zapewnia narzędzia, które pozwalają drwić Funkcje PHP. Udostępnia także zestaw narzędzi do obsługi niektórych funkcji WordPress add_action remove_action wymienić tylko kilka, które są ogólnie zdradliwy testować.

Fraktal

Fractal został zaprojektowany jako centralne narzędzie do dokumentowania dla programistów w zespole, które może odnieść się do potrzeby zintegrowania komponentu z projektem. To pozwala integrować fragment kodu, wyświetlać podgląd, dokumentację, notatki, itd. każdego komponentu.

Ant Design Pro

“AntDesign” to jedna z popularnych platform UI opartych na React.js i tak właśnie jest “Zawodowiec” wersja przeznaczona do aplikacji korporacyjnych. Zawiera kilka dodatkowych komponentów, które nie znajdują się we wspólnym pakiecie AntDesign, takich jak AvatarList, HeaderSearch i TagSelect.

Ramy również wbudowane narzędzia programistyczne, takie jak narzędzie Build, Test Suite i Deployment więc możesz od razu pracować nad swoim kodem, zamiast tracić czas na konfigurację przepływu pracy.

LuminJS

Super malutki Biblioteka JavaScript do podświetlania tekstu na swojej stronie. Działa bezproblemowo ze złożoną strukturą DOM i jest programowalny, ponieważ można ustawić szybkość, stylizację i animację.

Monity

Przydatne Pakiet NPM do budowania interaktywnego interfejsu CLI przy użyciu Node.js. Obsługuje podstawowe podpowiedzi, wielokrotne wybory, dynamiczne podpowiedzi i wiele rodzajów danych wejściowych, takich jak hasło, tekst, numer i e-mail itp.

Postrzeganie

Fajna wtyczka do WordPressa ulepsz wyszukiwanie WordPress Media Library klasyfikując obrazy za pomocą Google Cloud Vision API. Na przykład, jeśli przesłałeś plik “ptak” obraz, możesz wyszukać obraz używając słowa kluczowego “ptak” czy słowo kluczowe jest dołączone do nazwy obrazu, nazwy pliku lub metadanych.

DevTube

Kolekcja filmy z Youtube z kilku konferencji programistów jak JSConf, Google TechTalk i O'Reilly. Teraz zdobądź popcorn i zwiększ swoje umiejętności Dev.

Reaktywne. Jak

Reaktywne programowanie rośnie; nowy paradygmat w programowaniu, zwłaszcza w sieci, gdzie strumień danych jest obfity i stale przepływa co milisekundy. Zasób ten jest inicjatywą Cèdrica Soulasa nauczyć cię zasad reaktywny programowanie.