Hjemmeside » Webdesign » Friske ressurser for webdesignere og utviklere (desember 2017)

    Friske ressurser for webdesignere og utviklere (desember 2017)

    “Headless CMS” får mye oppmerksomhet i disse dager. I et nøtteskall, “headless CMS” tar ikke av med fronten; bare CMS utsetter innholdet som oftest i en form for RESTful API mens utviklerne kan bruke det de foretrekker å gjengi innholdet. Med den økende populariteten til denne praksisen, nye rammer oppstår for å sette opp og løpe raskt.

    Så i denne runden har jeg satt sammen noen av disse rammene sammen med noen andre nyttige verktøy som er verdt å sjekke ut.

    Headless WP Starter

    Dette er et WordPress starter-tema, men i motsetning til de andre bruker dette startetemaet WP-API for å få innholdet og deretter gjøre det til en statisk HTML bruker Node og React å lage ditt nettsted “hodeløse”.

    VueStoreFront

    VueStoreFront er en annen “Headless CMS” rammeverk. Bygget på toppen av Vue.js og Node, VueStoreFront og er utviklet for e-handelsplattformer som Magento, Prestashop og Shopware gjennom APIene. Den inneholder også PWA-tilnærming som gjør at nettstedet kan brukes offline.

    GatsbyJS

    Gatsby er en sted statisk generator bygget med React.js. Du kan bruke CMS med API som WordPress, Markdown, JSON for å mate innholdet. På samme måte bruker den noen nyere teknologier slik Node, PWA, og React som lar det laste seg utrolig raskt.

    DustPress

    DustPress er a WordPress starter tema med moderne utvikling tilnærming. DustPress skiller HTML-malloppsettet fra PHP-logikken, slik at utviklerne kan produsere en mye renere kode. Det gjør også utvikling raskere, mer vedlikeholdsbar og gir temaet en organisert struktur.

    VSCode ikoner

    Visual Studio Code har raskt blitt en av de mest populære kodeditorene. Det er lett, har mange plugins, og nå har det valg av forskjellige ikoner. Hvis du føler at standardikonet for Visual Studio Code er kjedelig, bytt til noen av disse ikonene.

    TailWindCSS

    TailWindCSS er et annet CSS-rammeverk. Men det adskiller seg fra populære CSS-rammer som Bootstrap og Foundation på en måte som ikke gir UI-komponenter. I stedet, TailWindCSS leveres med små biter av CSS klasser som lar deg komponere ditt eget brukergrensesnitt.

    Traefik

    Jeg eksperimenterte med Docker og lurte på hvordan å rute domenenavn til flere forskjellige containere på en enkelt maskin. Da fant jeg Traefik, a moderne HTTP-omvendt proxy og lastbalansere. Bortsett fra Docker støtter den også andre tjenester som Kubernetes, Rancher og Amazon Elastic Container.

    CubeUI

    Bygget på toppen av Vue.js, er CubeUI a fantastisk brukergrensesnitt for å bygge mobile apps. Består av mange komponenter som Knapp, Popup, TimePicker, Slide og Checkbox. Hver komponent er quipped med en TestUnit sikre kontinuerlig integrasjon og også minimere feil på hver komponent.

    Luft

    Air er minimal WordPress starter tema. Utvider _s, Air legger til noen ekstra komponenter som Lysbilder, klebrig navigasjonslinje og WooCommerce-klar.

    EmptyStates

    EmptyStates er en samling av tomme statssider på nettet og mobilapper for inspirasjon. Den tomme tilstandssiden er den typen side som ofte overses.

    Snarvei Design

    Dette nettstedet gir en samling av snarveier av populære applikasjoner og verktøy som brukes av utviklere og designere. Her finner du snarveier for Sketch, Photoshop, InDesign, Sublime Text, WordPress, og mange flere som kommer. De listen inneholder for øyeblikket bare snarveier for macOS, men det ville være flott å se Windows snarveier å også bli lagt til i.

    uppy

    Uppy er en JavaScript rammer for å bygge et filopplasting grensesnitt. Med Uppy kan du hente filer, ikke bare fra lokal stasjon, men også fra ekstern lagringstjeneste som Google Disk, Dropbox, Instagram og andre tjenester. Det er lett, modulær og utvidet med tilpassede plugins.

    VuetifyJS

    VuetifyJS er et initiativ fra John Leider til Bygg Material Design rundt Vue.js. Google har lignende initiativ med MDL eller Material Design Lite, men det ser ikke ut til å få nok trekkraft i samfunnet og Utviklingen ser ut til å utvikle seg veldig sakte de siste par månedene nå. Så hvis du leter etter et alternativ, kan VuetifyJS være det riktige valget.

    WP ULike

    WP Ulike er en WordPress plugin å legge til “Som” til innholdet ditt enten i den innebygde WordPress-posttypen, egendefinerte innleggstyper, og bbPress samt BuddyPress. Det kommer også med noen andre kule funksjoner Meldingssystem, Analytics og Widgets som gjør det til en av de mest overbevisende “Som” system for ditt WordPress-nettsted.

    Vee Validate

    Vee Validate er et JavaScript-bibliotek til legg til inntastingsfelt med innebygd validering. Den støtter mange typer innganger som e-post, nummer, datoer, nettadresse, IP-adresse osv.

    Vue datatabeller

    En annen nyttig Vue.js plugin. VueDataTables er et enkelt plugin å bygge tilpassbart og sidebart bord med Vue.js. Pluggen er bygd med skala i tankene at det kan gjøre massive data på bordet feilfritt. Det leveres også med noen ekstra komponenter for å slå opp bordet ditt som Pagination, Searchbox og Filter.

    Googler

    Googler er en CLI som lar deg utføre søk i Google gjennom kommandolinjene. I likhet med grensesnittet, vil det også hente tittelen, beskrivelsen, nettadressen og paginasjonen. Det er praktisk verktøy for MacOS og Linux strømbrukere.

    Bolt CMS

    Bolt er CMS bygget med PHP. Det er Raskt å sette opp, bruker Twig som sin templerende motor, støtter fullt PHP7, lett å tilpasse gjennom en enkel YAML-fil. Totalt ser det ut til meg interessant; Jeg vil definitivt bruke litt tid til å utforske det videre når jeg har sjanse.

    fjernskriver

    Teletype er et nytt et nytt initiativ fra Atom Editor. Denne nye funksjonen lar deg samarbeide med dine kolleger om å skrive kode. For å bruke det, må du installere den offisielle Teletype-plugin-modulen.

    Plyr

    Plyr (uttalt som spiller) er a moderne mediespillerbibliotek med bare 10kb i størrelse. Med dette kan du tilpasse HTML-video- og lydspilleren, Youtube og Vimeo, og et Live streaming media. Det er i aktiv utvikling med mer planlagt funksjoner som skal legges inn med støtte for Wistia og Facebook-innebygd video.