Kotisivu » Web-suunnittelu » Tuoreet resurssit web-suunnittelijoille ja kehittäjille (joulukuu 2017)

    Tuoreet resurssit web-suunnittelijoille ja kehittäjille (joulukuu 2017)

    “Headless CMS” kiinnittää paljon huomiota näinä päivinä. Pähkinänkuoressa, “päättymätön CMS” ei käsittele etupäätä; vain CMS-järjestelmässä paljastaa sisällön yleensä muodossa RESTful API kun kehittäjät voivat käyttää mitä tahansa mieluummin sisällön esittämiseen. Tämän käytännön lisääntyvän suosion myötä, uusia puitteita syntyy sen asettamiseksi ja käyttämiseksi nopeasti.

    Niinpä, tässä kierroksella, olen koonnut muutamia näistä kehyksistä yhdessä muiden hyödyllisten työkalujen kanssa, jotka kannattaa tarkistaa.

    Headless WP Starter

    Tämä on WordPress-aloitusaihe, mutta toisin kuin toiset, tämä aloitusteema hyödyntää WP-API saa sisällön ja antaa sen staattiseksi HTML-koodiksi käyttämällä solmua ja reagoi tekemällä verkkosivustosi “kannaton”.

    VueStoreFront

    VueStoreFront on toinen “Headless CMS” puitteet. Rakennettu Vue.js: n ja solmun päälle, VueStoreFront ja se on suunniteltu sovelluksiin, kuten Magento, Prestashop ja Shopware. Se sisältää myös PWA-lähestymistavan mahdollistaa sivuston käyttökelpoisuuden offline.

    GatsbyJS

    Gatsby on a sivuston staattinen generaattori rakennettu React.js: llä. Voit käyttää sisältöä CMS: iä, kuten API, kuten WordPress, Markdown, JSON. Samoin se hyödyntää joitakin viimeaikaisia ​​tekniikoita Solmu, PWA ja React, joiden avulla se voi ladata uskomattoman nopeasti.

    DustPress

    DustPress on a WordPress-aloitusteema modernilla kehitystavalla. DustPress erottaa Dust.js-mallikielen HTML-mallipohjan PHP-logiikasta, jolloin kehittäjät voivat tuottaa paljon puhtaampaa koodia. Se tekee myös kehitystä nopeammin, ylläpidettävämmin ja antaa teemalle järjestäytyneen rakenteen.

    VSCode-kuvakkeet

    Visual Studio Code on nopeasti tullut yksi suosituimmista koodieditoreista. se on kevyt, siinä on runsaasti laajennuksia, ja nyt se sisältää valintoja eri kuvakkeista. Jos tunnet Visual Studio -koodin oletuskuvakkeen olevan tylsää, siirry johonkin näistä kuvakkeista.

    TailWindCSS

    TailWindCSS on toinen CSS-kehys. Mutta se eroaa suositusta CSS-kehyksestä, kuten Bootstrap ja Foundation, siten, että se ei tarjoa UI-komponentteja. Sen sijaan, TailWindCSS: ssä on pieniä CSS-luokkia, joiden avulla voit säveltää oman käyttöliittymän.

    Traefik

    Olin kokeillut Dockerin kanssa ja ihmettelin, miten verkkotunnuksen nimi reititetään useisiin eri kontteihin yhdellä koneella. Sitten löysin Traefikin, a nykyaikaiset HTTP-käänteiset välityspalvelimet ja kuorman tasapainottimet. Dockerin lisäksi se tukee myös muita palveluja, kuten Kubernetes, Rancher ja Amazon Elastic Container.

    CubeUI

    CubeUI on rakennettu Vue.js: n päälle fantastinen käyttöliittymäkomponentti mobiilisovellusten rakentamiseen. Sisältää paljon osia, kuten painiketta, ponnahdusikkunaa, TimePickeria, diaa ja valintaruutua. Jokainen komponentti peitetään TestUnitilla, joka varmistaa jatkuvan integroinnin ja myös minimoidaan jokaisen komponentin vika.

    ilma

    Ilma on minimaalinen WordPress-käynnistysaihe. Laajentamalla _s, Air lisää joitakin muita komponentteja, kuten Diat, Sticky Navigation Bar ja WooCommerce-valmis.

    EmptyStates

    Tyhjät tilat on a tyhjien tilasivujen kerääminen web- ja mobiilisovelluksissa inspiraatiota. Tyhjä tilasivu on sellainen sivu, jota usein unohdetaan.

    Pikavalinta

    Tämä sivusto tarjoaa a suosittujen sovellusten pikakuvakkeiden kokoelma kehittäjien ja suunnittelijoiden käyttämät työkalut. Täältä löydät pikakuvakkeita Sketch, Photoshop, InDesign, Sublime Text, WordPress ja monia muita. luettelossa on tällä hetkellä vain macOS-pikakuvakkeet, mutta olisi hienoa nähdä myös Windows-pikakuvakkeet.

    uppy

    Uppy on a JavaScript-kehykset rakentaa tiedostojen latausliittymä. Uppyn avulla voit hakea tiedostoja paitsi paikalliselta asemalta myös ulkoisesta tallennuspalvelusta, kuten Google Drive, Dropbox, Instagram ja muut palvelut. Sen kevyt, modulaarinen ja laajennettuna mukautetuilla laajennuksilla.

    VuetifyJS

    VuetifyJS on John Leiderin aloite rakenna Materiaalisuunnittelu ympärille Vue.js. Googlella on vastaava aloite MDL: n tai Material Design Liten kanssa, mutta se ei näytä saavan tarpeeksi vetoa yhteisössä ja kehitys näyttää kehittyvän todella hitaasti parin viime kuukauden aikana. Joten jos etsit vaihtoehtoa, VuetifyJS voi olla oikea valinta.

    WP ULike

    WP Ulike on a Lisää WordPress-laajennus “Kuten” sisältöön onko sisäänrakennettu WordPress-postityyppi, mukautetut postityypit ja bbPress sekä BuddyPress. Mukana on myös muita hienoja ominaisuuksia Ilmoitusjärjestelmä, Analytics ja widgetit joka tekee siitä yhden pakottavimmista “Kuten” järjestelmä WordPress-sivustoosi.

    Vee Validate

    Vee Validate on JavaScript-kirjasto lisää syöttökenttä sisäänrakennetun validoinnin kanssa. Se tukee monentyyppisiä syötteitä, kuten sähköposti, numero, päivämäärät, URL, IP-osoite jne.

    Vue Data Taulukot

    Toinen kätevä Vue.js-laajennus. VueDataTables on yksinkertainen laajennus, jota voi rakentaa muokattavissa oleva ja haettavissa oleva taulukko Vue.js: n avulla. Plugin on rakennettu mittakaavassa, sillä se voi tehdä massiivisia tietoja pöydälle virheettömästi. Se toimitetaan myös joitakin ylimääräisiä komponentteja, joiden avulla voit lisätä pöytäsi kuten Pagination, Searchbox ja Filter.

    Googlen

    Googler on a CLI, jonka avulla voit tehdä hakuja Googlessa komentorivien kautta. Samoin kuin käyttöliittymä, se hakee myös otsikon, kuvauksen, URL-osoitteen ja sivun. Se on kätevä työkalu MacOS- ja Linux-tehokäyttäjille.

    Bolt CMS

    Bolt on CMS, joka on rakennettu PHP: llä. se on nopeasti asentaa, käyttää Twig-mallia mallintamismoottorina, tukee täysin PHP7: ää, helppo muokata yksinkertaisen YAML-tiedoston kautta. Kaiken kaikkiaan se näyttää mielenkiintoiselta; Aion ehdottomasti viettää aikaa tutkia sitä lisää, kun minulla on mahdollisuus.

    Teletype

    Teletype on uusi uusi aloite Atom Editorilta. Tämän uuden toiminnon avulla voit tee yhteistyötä kanssasi kirjoittamalla koodia. Jos haluat käyttää sitä, sinun on asennettava virallinen Teletype-laajennus.

    Plyr

    Plyr (lausutaan Playeriksi) on a moderni mediasoittimen kirjasto, jossa on vain 10 kilotavua. Tämän avulla voit muokata HTML-video- ja audiosoitinta, Youtube- ja Vimeo-tiedostoja sekä suoratoistoa. Se on aktiivisessa kehityksessä, jossa on enemmän suunniteltuja ominaisuuksia, jotka lisätään Wistian ja Facebookin upotetun videon tukemiseen.