Laman » Reka Bentuk Web » Sumber Baharu untuk Pereka dan Pemaju Web (Disember 2017)

    Sumber Baharu untuk Pereka dan Pemaju Web (Disember 2017)

    “CMS tanpa kepala” semakin banyak perhatian hari ini. Secara ringkas, “CMS tanpa kepala” tidak berurusan dengan front-end; CMS sahaja mendedahkan kandungan biasanya dalam bentuk API RESTful manakala pemaju boleh menggunakan apa sahaja yang mereka suka untuk menjadikan kandungan itu. Dengan peningkatan populariti amalan ini, rangka kerja baru timbul untuk menetapkannya dan berjalan dengan cepat.

    Jadi, dalam pusingan ini, saya telah mengumpulkan beberapa kerangka ini bersama-sama dengan beberapa alat bantuan lain yang bernilai diperiksa.

    WP Starter tanpa kepala

    Ini adalah tema starter WordPress tetapi tidak seperti yang lain, tema starter ini memanfaatkannya WP-API untuk mendapatkan kandungan dan kemudian menjadikannya HTML statik menggunakan Node dan React membuat laman web anda “tanpa kepala”.

    VueStoreFront

    VueStoreFront adalah satu lagi “CMS tanpa kepala” rangka kerja. Dibina di atas Vue.js dan Node, VueStoreFront dan direka untuk platform e-Niaga seperti Magento, Prestashop, dan Shopware melalui API. Ia juga menggabungkan pendekatan PWA yang mana membolehkan laman web ini dapat digunakan di luar talian.

    GatsbyJS

    Gatsby adalah a penjana statik tapak dibina dengan React.js. Anda boleh menggunakan CMS dengan API seperti WordPress, Markdown, JSON untuk memberi kandungan. Begitu juga menggunakan beberapa teknologi terkini seperti itu Node, PWA, dan React yang membolehkannya memuatkan sangat pantas.

    DustPress

    DustPress adalah a Tema starter WordPress dengan pendekatan pembangunan moden. Dengan memanfaatkan bahasa template Dust.js, DustPress memisahkan susun atur template HTML dari logik PHP yang membolehkan pemaju menghasilkan kod yang lebih bersih. Ia juga membuat pembangunan lebih cepat, lebih baik dipelihara dan memberi tema struktur yang teratur.

    Ikon VScode

    Kod Studio Visual dengan cepat menjadi salah satu editor kod paling popular. Ia adalah ringan, mempunyai banyak plugin, dan kini ia mempunyai pilihan ikon yang berlainan. Jika anda merasakan ikon Kod Visual Studio lalai membosankan, beralih kepada mana-mana ikon ini.

    TailWindCSS

    TailWindCSS adalah satu lagi rangka kerja CSS. Tetapi ia berbeza daripada kerangka kerja CSS popular seperti Bootstrap dan Foundation dengan cara ia tidak menyediakan komponen UI. Sebaliknya, TailWindCSS datang dengan kepingan kecil kelas CSS yang membolehkan anda untuk mengarang UI anda sendiri.

    Traefik

    Saya telah bereksperimen dengan Docker dan bertanya-tanya bagaimana untuk mengarahkan nama domain kepada beberapa bekas yang berbeza pada mesin tunggal. Kemudian saya dapati Traefik, a proksi terbalik HTTP moden dan pengimbang beban. Selain Docker, ia juga menyokong perkhidmatan lain seperti Kubernetes, Rancher, dan Amazon Elastic Container.

    CubeUI

    Dibina di atas Vue.js, CubeUI adalah a komponen UI yang hebat untuk membina aplikasi mudah alih. Terdiri dengan banyak komponen seperti Button, Popup, TimePicker, Slide, dan Checkbox. Setiap komponen dipenuhi dengan TestUnit yang memastikan integrasi berterusan dan juga meminimumkan pepijat pada setiap komponen.

    Air

    Air adalah tema starter WordPress minimum. Memperluas _s, Air menambah beberapa komponen tambahan seperti Slaid, Bar Navigation Sticky, dan WooCommerce-ready.

    EmptyStates

    EmptyStates adalah a koleksi halaman negeri kosong di web dan aplikasi mudah alih untuk inspirasi. Halaman keadaan kosong adalah jenis halaman yang sering diabaikan.

    Reka Bentuk Pintu

    Laman web ini menyediakan a koleksi pintasan aplikasi populars dan alat yang digunakan oleh pemaju dan pereka. Di sini anda akan mencari jalan pintas untuk Lakaran, Photoshop, InDesign, Teks Sublime, WordPress, dan banyak lagi yang akan datang. The senarai pada masa ini hanya mengandungi pintasan untuk macOS, tetapi akan lebih baik untuk melihat jalan pintas Windows untuk turut ditambah.

    Uppy

    Uppy adalah a Rangka kerja JavaScript untuk membina antara muka muat naik fail. Dengan Uppy, anda boleh mengambil fail, bukan sahaja dari pemacu setempat, tetapi juga dari perkhidmatan storan luaran seperti Google Drive, Dropbox, Instagram, dan perkhidmatan lain. Ia ringan, modular, dan extendabled dengan plugin tersuai.

    VuetifyJS

    VuetifyJS adalah inisiatif dari John Leider kepada membina Reka Bentuk Bahan sekitar Vue.js. Google mempunyai inisiatif yang sama dengan MDL atau Bahan Reka Bentuk Lite, tetapi nampaknya tidak mendapat daya tarikan yang mencukupi dalam komuniti dan perkembangan seolah-olah kemajuan sangat lambat pada beberapa bulan terakhir sekarang. Jadi jika anda mencari alternatif, VuetifyJS mungkin pilihan yang tepat.

    WP ULike

    WP Ulike ialah a Plugin WordPress untuk menambah “Suka” ke kandungan anda sama ada dalam jenis pos WordPress terbina dalam, jenis pos adat, dan bbPress serta BuddyPress. Ia juga dilengkapi dengan ciri-ciri keren yang lain Sistem Pemberitahuan, Analitis, dan Widget yang menjadikannya salah satu yang paling menarik “Suka” sistem untuk laman WordPress anda.

    Validate Vee

    Vee Validate adalah perpustakaan JavaScript untuk tambah medan input dengan pengesahan terbina dalam. Ia menyokong banyak jenis input seperti E-mel, Nombor, Tarikh, URL, alamat IP, dan lain-lain.

    Jadual Data Vue

    Satu lagi plugin Vue.js berguna. VueDataTables adalah plugin mudah untuk dibina meja boleh ubah dan boleh dikongsi dengan Vue.js. Plugin dibina dengan skala dalam fikiran bahawa ia boleh menyebabkan data besar-besaran di atas meja dengan sempurna. Ia juga dihantar beberapa komponen tambahan untuk menghidupkan jadual anda seperti Penomboran, Peti Carian dan Penapis.

    Googler

    Googler adalah a CLI yang membolehkan anda melakukan carian di Google melalui baris arahan. Sama dengan antara muka, ia juga akan mengambil tajuk, keterangan, URL, dan penomboran. Alat berguna untuk pengguna kuasa macOS dan Linux.

    CMS Bolt

    Bolt adalah CMS yang dibina dengan PHP. Ia adalah cepat untuk menubuhkan, menggunakan Twig sebagai enjin templatnya, sepenuhnya menyokong PHP7, mudah untuk menyesuaikan melalui fail YAML yang mudah. Keseluruhannya kelihatan menarik untuk saya; Saya pasti akan meluangkan sedikit masa untuk meneroka lebih lanjut apabila saya mempunyai peluang.

    Teletype

    Teletype adalah inisiatif baru dari Atom Editor. Ciri baru ini membolehkan anda bekerjasama dengan rakan sebaya anda tentang menulis kod. Untuk menggunakannya, anda perlu memasang pemalam Teletype rasmi.

    Plyr

    Plyr (disebut sebagai Pemain) ialah perpustakaan pemain media moden dengan ukuran 10kb sahaja. Dengan ini, anda dapat menyesuaikan video HTML dan pemain audio, Youtube dan Vimeo, dan media streaming Langsung. Ia dalam pembangunan aktif dengan lebih terancang ciri yang akan ditambah termasuk sokongan untuk video terbenam Wistia dan Facebook.