Główna » Projektowanie stron » Świeże zasoby dla projektantów stron internetowych i programistów (czerwiec 2018)

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

    W tej części świeżych zasobów mamy mieszaną różnorodność zasobów na liście. Poza niektórymi narzędzia oparte na kodzie podobnie jak nowe biblioteki i frameworki JavaScript, mamy również kilka przydatnych Aplikacje GUI że jestem pewien, że zarówno programiści, jak i projektanci docenią.

    Sprawdźmy szczegółowo listę i daj mi znać, który z nich jest twoim ulubionym w sekcji komentarzy poniżej.

    Wyjątkowy

    Narzędzie do znajdź unikalne czcionki rzadko można go zobaczyć gdzie indziej, Unique jest przydatny do tworzenia logo lub po prostu do znalezienia odpowiedniej unikalnej kombinacji czcionek dla twojego dokumentu za pomocą kilku kliknięć. Po wybraniu preferencji możesz pobrać i nazwać własną czcionką. To jest naprawdę fajne!

    Duotony

    Prosta aplikacja internetowa zamień dowolne zdjęcie w duotony; monochromatyczne zdjęcie składające się z dwóch kontrastujących kolorów. Możesz przesłać własne zdjęcia lub wybrać zdjęcia, które zapewnia narzędzie do edycji i pobierania wyników. Dobry narzędzie do tworzenia uderzającego obrazu tła na swoich stronach internetowych.

    MDX

    MDX to specyfikacja, która łączy Markdown i JSX. Pozwala to na zrobienie kilku szalonych rzeczy, których nigdy wcześniej nie robiono, takich jak importowanie plików Markdown, użyj pliku Markdown jako samodzielnego komponentu dołączyć do innych plików i użyć w nim komponentu React.

    FontDrop

    Przydatne narzędzie do wyświetlania szczegółowych informacji dotyczących czcionki. Po prostu upuść czcionkę, pokaże między innymi nazwę, styl, wersję, informacje o prawach autorskich, glify, obsługiwany język itp..

    Biblioteka testów DOM

    Biblioteka JavaScript do testowania DOM (Document Object Model). Możesz użyć tego do napisz jednostkę testową dla swoich składników interfejsu użytkownika, zapewnienie, że interfejs użytkownika działa tak, jak korzysta z niego prawdziwy użytkownik. Pomaga to również utrzymać funkcjonalność interfejsu użytkownika interfejsu użytkownika podczas refaktoryzacji kodu.

    Wysypisko

    Prosty komponent React do zrzuć lub zapisz dane wyjściowe w przeglądarce, a nie w konsoli przeglądarki z console.log. Narzędzie zostało stworzone przez Wesa Bosa, jednego z najpopularniejszych wykładowców w React.

    Akwaforcista

    Przydatna aplikacja dla migające obrazy systemu operacyjnego na rozruchowym dysku flash. Ten proces był dość trudny do śledzenia. Z Etcherem jest to tak proste, jak 1-2-3. To narzędzie obsługuje prawie wszystkie główne systemy operacyjne, w tym Windows, Linux i MacOS.

    Ni

    Alternatywny lepszy sposób instalowania pakietów NPM, Ni może zainstalować brakujące zależności od package.json plik, pokaż przestarzałe zależności, i ogólnie lepszy interfejs.

    Cuttlebelle

    Statyczny generator witryn dla React.js., Cuttlebelle zapewnia większą rozszerzalność w sposób, który możesz rozszerz układ strony za pomocą komponentów opartych na React. Jeśli znasz już React.js, możesz łatwo utworzyć nowy układ i użyć go w dowolnym pliku Markdown.

    ImgBlur

    Prosty komponent JavaScript do ładowania obrazów w nowoczesny sposób, ImgBlur pochodzi z CLI, aby wygenerować zamazany obraz z oryginalnego obrazu. Rozmazany obraz ma mały rozmiar, który zostanie załadowany przed załadowaniem oryginału. Sprawdź demo, aby zobaczyć ten komponent w akcji.

    Dinero.js

    Biblioteka JavaScript do tworzenia, obliczania i formatowania pieniędzy, Dinero.s. obsługuje wszystkie waluty międzynarodowe natychmiast po wyjęciu z pudełka. Możesz korzystać z biblioteki w środowisku Node.js, ładując ją do przeglądarek za pomocą CommonJS lub EcmaScript 6.

    WiredJS

    WiredJS jest zbudowany z natywnym “Składniki internetowe”. Jest to unikalna biblioteka interfejsu użytkownika ze szkicowym wyglądem. Co fajne w tej bibliotece jest to, że obrysy elementów są rysowane losowo, co oznacza, że ​​żadne dwa elementy nie będą dokładnie takie same. Doskonała biblioteka do tworzenia makiet lub makiet.

    Vuido

    Vuido to lekka platforma aplikacji desktopowych z Vue.js. Możesz użyć API Vue.js i wielu jego dodatków, na przykład Vuex, do zbudować aplikację desktopową na Windows, Linux i MacOS. To świetna alternatywa dla Electron.

    Hybrydy

    Biblioteka JavaScript do tworzenia niestandardowego elementu HTML przy użyciu rodzimych składników sieci Web z bardziej przyjaznym interfejsem API. Biblioteka zapewnia prostszy interfejs API podobny do tego w Vue.js lub React.js.

    Saber.js

    ZA statyczny generator witryn zbudowany dla Vue.js. Saber.js nie zawiera wyszukanych rzeczy, takich jak Nuxt.js. Opcje i konfiguracje są minimalne, co czyni ją doskonałą alternatywą, jeśli chcesz mieć tylko statyczną stronę internetową, która będzie łatwa w utrzymaniu.

    Wiatry

    Nowoczesny czytnik RSS i Podcast, Winds jest dostępny dla Windows, MacOSv i Linux. Aplikacja wygląda pięknie i nowocześnie z elfowanym cieniem, okrągłym rogiem, gradientami, a co nie. To dobrze aplikacja do zarządzania subskrypcjami witryny, aby nadążyć za tą szybko zmieniającą się branżą.

    Zrelaksowany

    Konwerter, który przekształci HTML lub Pug w PDF. Jesteś w stanie stworzyć złożony układ przy użyciu HTML, CSS, JavaScript i użyj Markdown zapisać główną treść. Ponadto możesz także użyć biblioteki JavaScript, takiej jak Chart.js, aby dodać diagram i MathJax, aby dodać formatowanie matematyczne.

    Matcher stylu czcionki

    Narzędzie do wybierania dwóch czcionek Google i rodzimej czcionki zainstalowanej na komputerze z podobnym wyglądem. Jest to poręczne narzędzie dla programistów internetowych, aby złagodzić ten brzydki FOUC (flashowanie zawartości bez tekstu), gdy czcionki Google nie są jeszcze w pełni załadowane.

    PWA WP

    Inicjatywa przenieś PWA (Progressive Web Application) do WordPress Core. W czasie pisania tego projektu ten projekt jest na wczesnym etapie. Jest to interesujący projekt, zwłaszcza jeśli pracujesz głównie w ekosystemie WordPress.

    Blueprint.js

    Oparta na React biblioteka UI, Blueprint.js zawiera kilka stałych bywalców, takich jak przycisk i zakładki oraz inne elementy interfejsu użytkownika, które są zazwyczaj potrzebne do tworzenia nowoczesnych aplikacji internetowych Omnibar; za pływające pole wyszukiwania, podobnie jak aplikacja Spotlight lub Alfred w systemie MacOS.