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

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

    “Bezgłowy CMS” zyskuje obecnie wiele uwagi. W skrócie, “bezgłowy CMS” nie zajmuje się frontonem; tylko CMS ujawnia treść zazwyczaj w postaci RESTful API podczas gdy programiści mogą używać tego, co wolą, do renderowania treści. Wraz ze wzrostem popularności tej praktyki, powstają nowe ramy, aby szybko je skonfigurować i uruchomić.

    Tak więc w tym podsumowaniu zebrałem kilka z tych ram wraz z innymi pomocnymi narzędziami, które warto sprawdzić.

    Headless WP Starter

    Jest to motyw startowy WordPress, ale w przeciwieństwie do innych, ten motyw startowy wykorzystuje WP-API, aby pobrać zawartość, a następnie przekształcić ją w statyczny HTML używając Node and React, tworząc swoją stronę “bezgłowy”.

    VueStoreFront

    VueStoreFront to kolejny “Bezgłowy CMS” struktura. Zbudowany na Vue.js i Node, VueStoreFront i jest przeznaczony dla platform e-Commerce, takich jak Magento, Prestashop i Shopware za pośrednictwem interfejsów API. Zawiera również podejście PWA, które pozwala na korzystanie z witryny offline.

    GatsbyJS

    Gatsby jest generator statyczny witryny zbudowany z React.js. Możesz użyć CMSów z API, takich jak WordPress, Markdown, JSON, aby zasilać zawartość. Podobnie wykorzystuje niektóre najnowsze technologie, takie jak Węzeł, PWA i React pozwalają na niezwykle szybkie ładowanie.

    DustPress

    DustPress to Motyw startowy WordPress z nowoczesnym podejściem do rozwoju. Wykorzystując język szablonów Dust.js, DustPress oddziela układ szablonu HTML od logiki PHP, umożliwiając programistom tworzenie znacznie czystszego kodu. To także sprawia rozwój szybszy, łatwiejszy w utrzymaniu i nadający motywowi zorganizowaną strukturę.

    Ikony VSCode

    Visual Studio Code szybko stał się jednym z najpopularniejszych edytorów kodu. To jest lekki, ma mnóstwo wtyczek, a teraz ma wybór różnych ikon. Jeśli uważasz, że domyślna ikona Visual Studio Code jest nudna, przełącz się na dowolną z tych ikon.

    TailWindCSS

    TailWindCSS to kolejne ramy CSS. Różni się jednak od popularnego szkieletu CSS, takiego jak Bootstrap i Foundation, w taki sposób, że nie dostarcza komponentów interfejsu użytkownika. Zamiast, TailWindCSS zawiera małe fragmenty klas CSS, które umożliwiają komponowanie własnego interfejsu użytkownika.

    Traefik

    Eksperymentowałem z Dockerem i zastanawiałem się, jak przesłać nazwę domeny do kilku różnych kontenerów na jednym komputerze. Potem znalazłem Traefika, a nowoczesne odwrotne proxy HTTP i równoważniki obciążenia. Oprócz Dockera obsługuje również inne usługi, takie jak Kubernetes, Rancher i Amazon Elastic Container.

    CubeUI

    Zbudowany na bazie Vue.js, CubeUI to fantastyczny komponent interfejsu użytkownika do tworzenia aplikacji mobilnych. Składa się z wielu komponentów, takich jak Button, Popup, TimePicker, Slide i Checkbox. Każdy komponent jest wyposażony w TestUnit zapewniający ciągłą integrację, a także minimalizowanie błędu na każdym komponencie.

    Powietrze

    Air jest minimalnym motywem startowym WordPress. Rozszerzając _s, Air dodaje kilka dodatkowych komponentów, takich jak Slajdy, Sticky Navigation Bar i WooCommerce-ready.

    Puste stany

    EmptyStates to a zbiór pustych stron stanu w sieci i aplikacjach mobilnych dla inspiracji. Pusta strona stanu to rodzaj strony, która jest często pomijana.

    Projekt skrótu

    Ta strona internetowa zapewnia zbiór skrótów aplikacji dla ludności oraz narzędzia używane przez programistów i projektantów. Znajdziesz tu skróty do szkiców, Photoshopa, InDesign, Sublime Text, WordPress i wielu innych. The lista zawiera obecnie tylko skróty dla systemu MacOS, ale wspaniale byłoby zobaczyć skróty do systemu Windows.

    Uppy

    Uppy to Struktury JavaScript do budowania interfejsu przesyłania plików. Dzięki Uppy możesz pobierać pliki nie tylko z dysku lokalnego, ale także z zewnętrznej pamięci masowej, takiej jak Dysk Google, Dropbox, Instagram i inne usługi. Jego lekkie, modułowe i rozszerzalne z niestandardowymi wtyczkami.

    VuetifyJS

    VuetifyJS to inicjatywa Johna Leidera zbuduj Material Design wokół Vue.js. Google ma podobną inicjatywę z MDL lub Material Design Lite, ale wydaje się, że nie ma wystarczającej przyczepności w społeczności i rozwój wydaje się postępować bardzo powoli w ciągu ostatnich kilku miesięcy. Więc jeśli szukasz alternatywy, VuetifyJS może być właściwym wyborem.

    WP ULike

    WP Ulike to Wtyczka WordPress, aby dodać “Lubić” do twoich treści czy jest to wbudowany typ postu WordPress, niestandardowe typy postów, czy bbPress, a także BuddyPress. Zawiera również inne fajne funkcje, takie jak System powiadomień, analityka i widżety co czyni go jednym z najbardziej atrakcyjnych “Lubić” system dla Twojej witryny WordPress.

    Vee Validate

    Vee Validate to biblioteka JavaScript do dodaj pole wejściowe z wbudowaną walidacją. Obsługuje wiele typów danych wejściowych, takich jak e-mail, numer, daty, adres URL, adres IP itp.

    Tabele danych Vue

    Kolejna przydatna wtyczka Vue.js. VueDataTables to prosta wtyczka do zbudowania konfigurowalna i stronicowa tabela z Vue.js. Wtyczka jest zbudowana z myślą o skalowaniu, dzięki czemu może bezbłędnie wyświetlać ogromne dane na stole. Jest także dostarczany z kilka dodatkowych komponentów do zasilania twojego stołu, takich jak Pagination, Searchbox i Filter.

    Googler

    Googler to CLI umożliwiający wyszukiwanie w Google za pomocą linii poleceń. Podobnie jak interfejs, pobierze również tytuł, opis, adres URL i numerację stron. To poręczne narzędzie dla zaawansowanych użytkowników systemu MacOS i Linux.

    Śruba CMS

    Bolt to CMS zbudowany z PHP. To jest szybko się konfiguruje, używa Twig jako silnika szablonów, w pełni obsługuje PHP7, jest łatwy do dostosowania poprzez prosty plik YAML. Ogólnie wygląda to interesująco; Zdecydowanie spędzę trochę czasu, aby zbadać to dalej, kiedy będę miał szansę.

    Dalekopis

    Teletype to nowa nowa inicjatywa edytora Atom. Ta nowa funkcja pozwala współpracuj z rówieśnikami przy pisaniu kodu. Aby go użyć, musisz zainstalować oficjalną wtyczkę Teletype.

    Plyr

    Plyr (wymawiane jako Player) to a nowoczesna biblioteka odtwarzaczy multimedialnych o rozmiarze zaledwie 10 KB. Dzięki temu będziesz mógł dostosować odtwarzacz wideo i audio HTML, YouTube i Vimeo oraz media strumieniowe na żywo. Jest w aktywnym rozwoju z bardziej zaplanowanymi funkcje do dodania, w tym wsparcie dla osadzonego wideo Wistia i Facebook.