Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2017. gada decembris)
“Bez galvas CMS” šajās dienās pievērš lielu uzmanību. Īsumā, “bez galvas CMS” neattiecas uz priekšējo galu; tikai CMS pakļauj saturu parasti RESTful API formā kamēr izstrādātāji var izmantot visu, ko viņi vēlas, lai padarītu saturu. Ar šīs prakses popularitāti, rodas jaunas sistēmas, lai to varētu ātri izveidot.
Tātad, šajā kārtā es esmu apkopojis dažas no šīm sistēmām kopā ar dažiem citiem noderīgiem instrumentiem, kas ir vērts pārbaudīt.
Bez galvas WP starteris
Šī ir WordPress startera tēma, bet atšķirībā no citiem, šī startera tēma izmanto WP-API, lai iegūtu saturu un pēc tam padarītu to par statisku HTML izmantojot Node un React padarot jūsu vietni “bez galvas”.
VueStoreFront
VueStoreFront ir vēl viens “Bez galvas CMS” sistēmu. Uzbūvēta uz Vue.js un Node, VueStoreFront un ir paredzēts e-komercijas platformām, piemēram, Magento, Prestashop un Shopware, izmantojot API. Tas ietver arī PWA pieeju, kas ļauj vietnei izmantot bezsaistē.
GatsbyJS
Gatsby ir a vietas statiskais ģenerators būvēts ar React.js. Varat izmantot CMS ar API, piemēram, WordPress, Markdown, JSON, lai ievadītu saturu. Tāpat tā izmanto arī dažas jaunākās tehnoloģijas Mezgls, PWA un React, kas ļauj to ielādēt neticami ātri.
DustPress
DustPress ir a WordPress startera tēma ar modernu attīstības pieeju. Izmantojot Dust.js veidnes valodu, DustPress atdala HTML veidnes izkārtojumu no PHP loģikas, kas ļauj izstrādātājiem izstrādāt daudz tīrāku kodu. Tas arī padara ātrāk, uzturamākam un dod tēmai organizētu struktūru.
VSCode ikonas
Visual Studio Code ir kļuvis par vienu no populārākajiem kodu redaktoriem. Tas ir viegls, ir daudz spraudņu, un tagad tam ir dažādas ikonas. Ja jums šķiet, ka noklusējuma Visual Studio koda ikona ir garlaicīga, pārslēdzieties uz kādu no šīm ikonām.
TailWindCSS
TailWindCSS ir vēl viena CSS sistēma. Bet tas atšķiras no populārās CSS sistēmas, piemēram, Bootstrap un Foundation, tādā veidā, ka tas nesniedz UI komponentus. Tā vietā, TailWindCSS nāk ar nelieliem CSS klasēm, kas ļauj veidot savu lietotāja interfeisu.
Traefik
Es eksperimentēju ar Docker un domāju par to, kā maršrutēt domēna nosaukumu uz vairākiem dažādiem konteineriem vienā mašīnā. Tad es atklāju Traefiku, a mūsdienu HTTP reversā proxy un slodzes balansētāji. Papildus Docker, tas atbalsta arī citus pakalpojumus, piemēram, Kubernetes, Rancher un Amazon Elastic Container.
CubeUI
CubeUI ir uzcelta uz Vue.js virsmas fantastisks UI komponents, lai izveidotu mobilās lietotnes. Tas sastāv no daudzām sastāvdaļām, piemēram, pogas, uznirstošā loga, taimera, slaidu un izvēles rūtiņas. Katrs komponents tiek izvilkts ar TestUnit, kas nodrošina nepārtrauktu integrāciju un arī minimizējot kļūdu katrā komponentā.
Gaiss
Air ir minimāla WordPress startera tēma. Paplašinot _s, Air pievieno dažas papildu sastāvdaļas, piemēram, Slaidi, Sticky Navigation Bar un WooCommerce-ready.
Tukšas valstis
EmptyStates ir a tukšu valsts lapu apkopošana tīmeklī un mobilajās lietotnēs iedvesmu. Tukšā valsts lapa ir tāda veida lapa, kas bieži tiek ignorēta.
Īsceļa dizains
Šī tīmekļa vietne nodrošina populāru programmu īsceļu kolekcija un izstrādātāji un dizaineri. Šeit jūs atradīsiet īsceļus Sketch, Photoshop, InDesign, Sublime Text, WordPress un vēl daudz ko citu. The sarakstā pašlaik ir tikai macOS īsceļi, bet būtu lieliski redzēt arī Windows īsceļus.
Uppy
Uppy ir a JavaScript sistēmas, lai izveidotu failu augšupielādes saskarni. Izmantojot Uppy, jūs varat izgūt failus ne tikai no vietējā diska, bet arī no ārējās atmiņas pakalpojuma, piemēram, Google diska, Dropbox, Instagram un citiem pakalpojumiem. Tas ir viegls, modulārs un paplašināts ar pielāgotiem spraudņiem.
VuetifyJS
VuetifyJS ir John Leider iniciatīva veidot materiālu dizainu ap Vue.js. Google ir līdzīga iniciatīva ar MDL vai Material Design Lite, bet šķiet, ka tajā nav pietiekami daudz vilces sabiedrībā un šķiet, ka pēdējo pāris mēnešu laikā attīstība attīstās ļoti lēni. Tātad, ja jūs meklējat alternatīvu, VuetifyJS varētu būt pareizā izvēle.
WP ULike
WP Ulike ir a WordPress spraudnis pievienot “Tāpat kā” jūsu saturam vai iebūvētajā WordPress ziņojuma tipā, pielāgotajos ziņu veidos un bbPress, kā arī BuddyPress. Tas arī nāk ar dažām citām atdzist iezīmēm, piemēram Paziņošanas sistēma, Analytics un logrīki kas padara to par vienu no vissvarīgākajiem “Tāpat kā” sistēma jūsu WordPress vietnei.
Vee Validate
Vee Validate ir JavaScript bibliotēka pievienojiet ievades lauku ar iebūvēto validāciju. Tā atbalsta daudzu veidu datus, piemēram, e-pastu, numuru, datumus, URL, IP adresi utt.
Vue datu tabulas
Vēl viens ērts Vue.js spraudnis. VueDataTables ir vienkāršs spraudnis pielāgojama un lapējama tabula ar Vue.js. Spraudnis tiek veidots ar mērogu, jo tas var sniegt nevainojamu informāciju uz galda. Tas tiek piegādāts kopā ar daži papildu komponenti, lai aktivizētu jūsu galdu, piemēram, Pagination, Searchbox un Filter.
Google darbinieks
Googler ir a CLI, kas ļauj veikt meklēšanu Google tīklā, izmantojot komandrindas. Līdzīgi kā saskarne, tā arī iegūs nosaukumu, aprakstu, URL un lapu. Tas ir ērts rīks MacOS un Linux enerģijas lietotājiem.
Bolt CMS
Skrūve ir CMS, kas veidota ar PHP. Tas ir ātri izveidot, izmanto Twig kā tās veidošanas dzinēju, pilnībā atbalsta PHP7, viegli pielāgot izmantojot vienkāršu YAML failu. Kopumā tas man šķiet interesants; Es noteikti pavadīšu laiku, lai to izpētītu, kad man būs iespēja.
Teletips
Teletype ir jauna jauna iniciatīva no Atom Editor. Šī jaunā funkcija ļauj sadarbojieties ar saviem partneriem, rakstot kodu. Lai to izmantotu, jums būs jāinstalē oficiālais Teletype spraudnis.
Plyr
Plyr (izrunāts kā Spēlētājs) ir a mūsdienu mediju atskaņotāju bibliotēka ar tikai 10kb lielumu. Ar šo jūs varēsiet pielāgot HTML video un audio atskaņotāju, Youtube un Vimeo, kā arī tiešraides multividi. Tas ir aktīvā attīstībā ar vairāk plānotu iezīmes, kas jāpievieno Wistia un Facebook iegultā video atbalstam.