Pagrindinis » Interneto svetainės dizainas » Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Gruodžio mėn.)

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Gruodžio mėn.)

    “Galvos CMS” šiomis dienomis daug dėmesio skiriama. Trumpai tariant, “be galvos CMS” nereglamentuoja priekinės dalies; tik CMS atskleidžia turinį paprastai RESTful API forma kūrėjai gali naudoti viską, ką nori, kad pateiktų turinį. Didėjant šios praktikos populiarumui, atsiranda naujų sistemų, kad ją būtų galima greitai įdiegti ir veikti.

    Taigi, šiame raunde, aš sudėjau keletą šių sistemų kartu su kai kuriais kitais naudingais įrankiais, kuriuos verta patikrinti.

    WP starteris be galvų

    Tai „WordPress“ starterio tema, tačiau skirtingai nei kiti, ši starterio tema sieja WP-API, kad gautumėte turinį ir tada pateiktumėte jį statiniu HTML naudojant „Node“ ir „React“, kad padarytumėte savo svetainę “be galvos”.

    VueStoreFront

    VueStoreFront yra dar vienas “Galvos CMS” sistemą. Pastatytas ant „Vue.js“ ir „Node“, „VueStoreFront“ yra sukurta el. Prekybos platformoms, tokioms kaip „Magento“, „Prestashop“ ir „Shopware“ per API. Ji taip pat apima PWA metodą leidžia svetainę naudoti neprisijungęs.

    GatsbyJS

    Gatsby yra a statinio statinio generatorius pastatytas su „React.js“. Galite naudoti CMS su API, pvz., „WordPress“, „Markdown“, „JSON“, kad pateiktumėte turinį. Panašiai ji naudoja ir kai kurias naujausias technologijas Mazgas, „PWA“ ir „React“, leidžiantys jį įkelti neįtikėtinai greitai.

    DustPress

    DustPress yra a „WordPress“ starterio tema su moderniu plėtros metodu. Naudodamas Dust.js šablono kalbą, „DustPress“ išskiria HTML šablono išdėstymą nuo PHP logikos, leidžiant kūrėjams gaminti daug švaresnį kodą. Jis taip pat daro spartesnis, labiau prižiūrimas ir suteikia temai organizuotą struktūrą.

    VSCode piktogramos

    „Visual Studio Code“ greitai tapo vienu populiariausių kodo redaktorių. tai yra lengvas, turi daug įskiepių, ir dabar ji turi įvairių piktogramų pasirinkimus. Jei manote, kad numatytoji „Visual Studio Code“ piktograma yra nuobodu, pereikite prie bet kurios iš šių piktogramų.

    TailWindCSS

    TailWindCSS yra dar viena CSS sistema. Tačiau jis skiriasi nuo populiarios CSS sistemos, pvz., „Bootstrap“ ir „Foundation“ taip, kad jame nėra UI komponentų. Vietoj to, TailWindCSS ateina su nedideliais CSS klasių gabalais, kurie leidžia kurti savo UI.

    Traefik

    Aš eksperimentavau su „Docker“ ir norėjau sužinoti, kaip per vieną domeną nukreipti domeno pavadinimą į keletą skirtingų konteinerių. Tada radau Traefik, a šiuolaikiniai HTTP atvirkštiniai proxy ir apkrovos balansai. Be „Docker“, ji taip pat palaiko kitas paslaugas, pvz., „Kubernetes“, „Rancher“ ir „Amazon Elastic Container“..

    CubeUI

    Pastatytas ant Vue.js, CubeUI yra a fantastinis UI komponentas, skirtas mobiliosioms programoms kurti. Sudėtyje yra daugybė komponentų, tokių kaip mygtukas, iššokantis langas, laikmatis, skaidrė ir žymės langelis. Kiekvienas komponentas yra užblokuotas su TestUnit, užtikrinančiu nuolatinę integraciją ir taip pat sumažinti kiekvieno komponento klaidą.

    Oras

    Oro yra minimali „WordPress“ starterio tema. Išplečiant „Air“, „Air“ prideda papildomų komponentų, pvz Skaidrios, „Sticky Navigation Bar“ ir „WooCommerce“ parengtos.

    Tuščios vietos

    „EmptyStates“ yra „a“ tuščių būsenų puslapių rinkimas žiniatinklyje ir mobiliojo ryšio programose įkvėpimo. Tuščias būsenos puslapis yra tas puslapis, kurį dažnai ignoruoja.

    Nuorodos dizainas

    Šioje svetainėje pateikiama: a populiarių programų nuorodų rinkinys kūrėjai ir dizaineriai. Čia rasite nuorodų, skirtų „eskizui“, „Photoshop“, „InDesign“, „Sublime“ tekstui, „WordPress“ ir daugeliui kitų. The sąraše yra tik „MacOS“ spartieji klavišai, bet būtų puiku matyti ir „Windows“ sparčiuosius klavišus.

    Uppy

    Uppy yra a „JavaScript“ sistemas sukurti failų įkėlimo sąsają. Naudodami „Uppy“ galite atkurti failus ne tik iš vietinio įrenginio, bet ir iš išorinės saugojimo paslaugos, pvz., „Google“ disko, „Dropbox“, „Instagram“ ir kitų paslaugų. Tai lengvas, modulinis ir išplėstas su pasirinktiniais įskiepiais.

    VuetifyJS

    VuetifyJS yra John Leider iniciatyva statyti medžiagos dizainą aplink Vue.js. „Google“ turi panašią iniciatyvą su MDL arba „Material Design Lite“, tačiau neatrodo, kad bendruomenėje ir per pastaruosius kelis mėnesius atrodo, kad vystymasis vyksta labai lėtai. Taigi, jei ieškote alternatyvos, VuetifyJS gali būti tinkamas pasirinkimas.

    WP ULike

    WP Ulike yra a „WordPress“ papildinys “Kaip” prie turinio ar integruotame „WordPress“ pranešimo tipe, pasirinktiniuose pranešimuose ir bbPress, taip pat „BuddyPress“. Jis taip pat ateina su kai kurių kitų įdomių funkcijų, tokių Pranešimų sistema, „Analytics“ ir valdikliai tai daro jį viena iš labiausiai įtikinamų “Kaip” sistema jūsų „WordPress“ svetainėje.

    Vee Validate

    „Vee Validate“ yra „JavaScript“ biblioteka pridėkite įvesties lauką su įdiegtu patvirtinimu. Jis palaiko daugelio tipų įvestį, pvz., El. Paštą, numerį, datą, URL, IP adresą ir kt.

    Vue duomenų lentelės

    Kitas patogus „Vue.js“ įskiepis. „VueDataTables“ yra paprastas įskiepis pritaikoma ir skelbiama lentelė su „Vue.js“. Įskiepis sukurtas atsižvelgiant į mastelį, nes jis gali nepriekaištingai pateikti didžiulius duomenis ant stalo. Ji taip pat pristatoma kartu su kai kurie papildomi komponentai, skirti maitinti jūsų stalą, pavyzdžiui, „Pagination“, „Searchbox“ ir „Filter“.

    „Google“

    „Googler“ yra CLI, kuri leidžia atlikti paiešką „Google“ per komandines eilutes. Panašiai kaip ir sąsajoje, ji taip pat atsiųs pavadinimą, aprašymą, URL ir puslapius. Tai patogus įrankis MacOS ir Linux energijos vartotojams.

    Bolt CMS

    Varžtas yra CMS, pastatytas su PHP. tai yra greitai sukonfigūruoja, naudoja „Twig“ kaip savo šabloninį variklį, visiškai palaiko PHP7, lengvai pritaikomą per paprastą YAML failą. Apskritai man atrodo įdomu; Aš tikrai praleisiu šiek tiek laiko, kad galėčiau ištirti, kada aš turėsiu galimybę.

    Teletipas

    „Teletype“ yra nauja „Atom“ redaktoriaus iniciatyva. Ši nauja funkcija leidžia rašykite kodą bendradarbiaujant su savo bendraamžiais. Norėdami jį naudoti, turėsite įdiegti oficialų „Teletype“ papildinį.

    Plyr

    Plyr (tariamas kaip Player) yra a šiuolaikinės medijos leistuvo biblioteka su tik 10kb dydžio. Su šia funkcija galėsite pritaikyti HTML vaizdo ir garso grotuvą, „YouTube“ ir „Vimeo“ bei „Live“ transliacijos laikmeną. Tai aktyviai plėtojama su daugiau planuojamų papildomos funkcijos, įskaitant Wistia ir Facebook integruotą vaizdo įrašą.