Sveži viri za spletne oblikovalce in razvijalce (december 2017)
“CMS brez glave” v zadnjih dneh pridobiva veliko pozornosti. Na kratko, “CMS brez glave” ne obravnava front-end; samo CMS razkrije vsebino ponavadi v obliki API-ja RESTful Razvijalci pa lahko uporabijo, kar želijo narediti vsebino. S povečevanjem priljubljenosti te prakse, pojavijo se novi okviri za hitro vzpostavitev in delovanje.
Torej, v tem krogu, sem sestavil nekaj teh okvirov skupaj z nekaterimi drugimi koristnimi orodji, ki jih je vredno preveriti.
Zaganjalnik WP brez glave
To je WordPress zagonska tema, toda za razliko od drugih, ta zagonska tema vzbuja WP-API, da bi dobili vsebino in jo nato prenesli v statični HTML z uporabo Node in React izdelavo vaše spletne strani “brez glave”.
VueStoreFront
VueStoreFront je še en “CMS brez glave” okvir. Zgrajena na vrhu Vue.js in Node, VueStoreFront in je zasnovan za platforme e-trgovine, kot so Magento, Prestashop in Shopware prek API-jev. Vključuje tudi pristop PWA, ki omogoča uporabnost mesta brez povezave.
GatsbyJS
Gatsby je a statični generator zgrajena z React.js. Lahko uporabite CMSs z API-jem, kot so WordPress, Markdown, JSON, da podate vsebino. Podobno uporablja tudi nekatere novejše tehnologije Node, PWA in React, ki omogočajo, da se naloži neverjetno hitro.
DustPress
DustPress je a WordPress zagonska tema s sodobnim razvojnim pristopom. Z uporabo jezika predloge Dust.js DustPress loči postavitev predloge HTML od logike PHP, kar omogoča razvijalcem, da izdelajo veliko čistejšo kodo. Prav tako je razvoj je hitrejši, bolj vzdržljiv in daje temi organizirano strukturo.
Ikone VSCode
Visual Studio Code je hitro postal eden najbolj priljubljenih urejevalnikov kod. je lahek, ima veliko vtičnikov in zdaj ima izbire različnih ikon. Če menite, da je privzeta ikona Visual Studio Code dolgočasna, preklopite na katero koli od teh ikon.
TailWindCSS
TailWindCSS je še en CSS ogrodje. Vendar se od priljubljenega okvira CSS, kot je Bootstrap in Foundation, razlikuje tako, da ne zagotavlja komponent UI. Namesto tega, TailWindCSS prihaja z majhnimi kosi razredov CSS, ki vam omogočajo, da sestavite svoj uporabniški vmesnik.
Traefik
Eksperimentiral sem z Dockerjem in se spraševal, kako naj domensko ime usmeri na več različnih posod na enem računalniku. Potem sem našel Traefika, a sodobni HTTP povratni proxy in uravnoteženje obremenitve. Poleg Dockerja podpira tudi druge storitve, kot so Kubernetes, Rancher in Amazon Elastic Container.
CubeUI
CubeUI je zgrajen na vrhu Vue.js fantastična komponenta uporabniškega vmesnika za izdelavo mobilnih aplikacij. Sestavljen z veliko komponentami, kot so Button, Popup, TimePicker, Slide in Checkbox. Vsaka komponenta je opremljena z TestUnit, ki zagotavlja stalno integracijo in tudi minimiziranje napake na vsaki komponenti.
Zrak
Zrak je minimalna zagonska tema za WordPress. Z razširitvijo _s Air doda nekaj dodatnih komponent, kot je Diapozitivi, Sticky Navigation Bar in WooCommerce pripravljeni.
Prazne države
EmptyStates je a zbirka praznih strani v spletu in mobilnih aplikacijah za navdih. Stran prazne države je vrsta strani, ki je pogosto spregledana.
Oblikovanje bližnjic
Ta spletna stran vsebuje a zbiranje bližnjic priljubljenih aplikacij in orodja, ki jih uporabljajo razvijalci in oblikovalci. Tukaj najdete bližnjice za Sketch, Photoshop, InDesign, Sublime Text, WordPress in še veliko več. The Seznam trenutno vsebuje le bližnjice za macOS, vendar pa bi bilo super videti tudi bližnjice za Windows.
Uppy
Uppy je a Okviri JavaScript za izdelavo vmesnika za nalaganje datotek. Z Uppy lahko pridobivate datoteke, ne samo z lokalnega pogona, ampak tudi iz zunanjih storitev, kot so Google Drive, Dropbox, Instagram in druge storitve. To je lahek, modularen in razširjen z vtičniki po meri.
VuetifyJS
VuetifyJS je pobuda Johna Leiderja Izdelajte Material Design okoli Vue.js. Google ima podobno pobudo z MDL ali Material Design Lite, vendar se zdi, da nima dovolj vleke v skupnosti in Zdi se, da je razvoj v zadnjih nekaj mesecih zelo počasen. Torej, če iščete alternativo, je VuetifyJS prava izbira.
WP ULike
WP Ulike je a Dodajte WordPress plugin “Kot” do vaše vsebine ali v vgrajenem WordPress post tipu, po meri vrste poizvedbe, in bbPress kot tudi BuddyPress. Prav tako prihaja z nekaj drugih kul funkcije, kot so Sistem obveščanja, Analytics in pripomočki zaradi katerih je eden najbolj privlačnih “Kot” za vašo WordPress stran.
Vee potrdi
Vee Validate je JavaScript knjižnica dodajte vnosno polje z vgrajenim preverjanjem veljavnosti. Podpira številne vrste vhodov, kot so e-pošta, številka, datum, URL, naslov IP itd.
Podatkovne tabele Vue
Še en priročen Vue.js plugin. VueDataTables je preprost vtičnik za gradnjo prilagodljiva tabela z Vue.js. Vtičnik je zasnovan z upoštevanjem velikosti, da lahko na tabeli brezhibno prikaže ogromne podatke. Prav tako je priložen nekaj dodatnih komponent, ki napajajo vašo mizo, kot so Pagination, Searchbox in Filter.
Googler
Googler je CLI, ki omogoča izvajanje iskanja v Googlu preko ukaznih vrstic. Podobno kot vmesnik bo tudi pridobil naslov, opis, URL in stran. To je priročno orodje za močne uporabnike macOS in Linux.
Vijak CMS
Bolt je CMS, zgrajen s PHP. je hitra za nastavitev, uporablja Twig kot svoj templating motor, v celoti podpira PHP7, enostavno prilagoditi preko preproste datoteke YAML. Na splošno mi izgleda zanimivo; Vsekakor bom preživel nekaj časa, da bi ga raziskal še naprej, ko bom imel priložnost.
Teletype
Teletype je nova nova pobuda urejevalnika Atom. Ta nova funkcija vam omogoča sodelujte z vrstniki pri pisanju kode. Če ga želite uporabiti, morate namestiti uradni vtičnik Teletype.
Plyr
Plyr (izgovarja se kot igralec) je a Knjižnica sodobnega multimedijskega predvajalnika s samo 10kb. S tem boste lahko prilagodili video in avdio predvajalnik HTML, Youtube in Vimeo ter pretakanje medijev v živo. Aktivno se razvija z bolj načrtovanimi funkcije, ki jih je treba dodati, vključno s podporo za videoposnetke Wistia in Facebook.
