Sumberdaya Segar untuk Desainer dan Pengembang Web (Desember 2017)

“CMS tanpa kepala” mendapatkan banyak perhatian hari ini. Pendeknya, “CMS tanpa kepala” tidak berurusan dengan front-end; hanya CMS mengekspos konten biasanya dalam bentuk RESTful API sementara pengembang dapat menggunakan apa pun yang mereka inginkan untuk membuat konten. Dengan semakin populernya praktik ini, kerangka kerja baru muncul untuk mengatur dan menjalankannya dengan cepat.

Jadi, dalam putaran ini, saya telah mengumpulkan beberapa kerangka kerja ini bersama dengan beberapa alat bermanfaat lainnya yang layak untuk dicoba.

WP Pemula Tanpa Kepala

Ini adalah tema pemula WordPress tetapi tidak seperti yang lain, tema pemula ini memanfaatkan WP-API untuk mendapatkan konten dan kemudian mengubahnya menjadi HTML statis menggunakan Node dan Bereaksi membuat situs web Anda “tanpa kepala”.

VueStoreFront

VueStoreFront adalah yang lain “CMS tanpa kepala” kerangka. Dibangun di atas Vue.js dan Node, VueStoreFront dan dirancang untuk platform e-Commerce seperti Magento, Prestashop, dan Shopware melalui API. Ini juga menggabungkan pendekatan PWA yang memungkinkan situs untuk dapat digunakan offline.

GatsbyJS

Gatsby adalah seorang generator situs statis dibangun dengan React.js. Anda dapat menggunakan CMS dengan API seperti WordPress, Markdown, JSON untuk memberi makan konten. Demikian pula ia memanfaatkan beberapa teknologi terkini semacam itu Node, PWA, dan React yang memungkinkannya memuat dengan sangat cepat.

DustPress

DustPress adalah a Tema starter WordPress dengan pendekatan pengembangan modern. Memanfaatkan bahasa template Dust.js, DustPress memisahkan tata letak template HTML dari logika PHP yang memungkinkan pengembang untuk menghasilkan kode yang jauh lebih bersih. Itu juga membuat pengembangan lebih cepat, lebih dapat dipelihara dan memberikan tema struktur yang terorganisir.

Ikon VSCode

Visual Studio Code dengan cepat menjadi salah satu editor kode paling populer. ini ringan, memiliki banyak plugin, dan sekarang memiliki pilihan ikon yang berbeda. Jika Anda merasa ikon Visual Studio Code default membosankan, beralihlah ke salah satu ikon ini.

TailWindCSS

TailWindCSS adalah kerangka kerja CSS lainnya. Tetapi berbeda dari kerangka CSS populer seperti Bootstrap dan Foundation dengan cara yang tidak menyediakan komponen UI. Sebagai gantinya, TailWindCSS hadir dengan potongan-potongan kecil kelas CSS yang memungkinkan Anda membuat UI sendiri.

Traefik

Saya bereksperimen dengan Docker dan bertanya-tanya bagaimana cara merutekan nama domain ke beberapa wadah yang berbeda pada satu mesin. Kemudian saya menemukan Traefik, a proxy reverse HTTP modern dan load balancers. Selain Docker, ia juga mendukung layanan lain seperti Kubernetes, Rancher, dan Amazon Elastic Container.

CubeUI

Dibangun di atas Vue.js, CubeUI adalah a komponen UI yang fantastis untuk membangun aplikasi seluler. Terdiri dari banyak komponen seperti Button, Popup, TimePicker, Slide, dan Checkbox. Setiap komponen dicoret dengan TestUnit yang memastikan integrasi berkelanjutan dan juga meminimalkan bug pada setiap komponen.

Udara

Air adalah tema pemula minimal WordPress. Memperluas _s, Air menambahkan beberapa komponen tambahan seperti Slide, Sticky Navigation Bar, dan WooCommerce-ready.

EmptyStates

EmptyStates adalah a koleksi halaman keadaan kosong di web dan aplikasi seluler untuk inspirasi. Halaman status kosong adalah jenis halaman yang sering diabaikan.

Desain Jalan Pintas

Situs web ini menyediakan koleksi cara pintas aplikasi populars dan alat yang digunakan oleh pengembang dan desainer. Di sini Anda akan menemukan pintasan untuk Sketsa, Photoshop, InDesign, Sublime Text, WordPress, dan banyak lagi yang akan datang. Itu daftar saat ini hanya berisi pintasan untuk macOS, tetapi akan lebih bagus untuk melihat pintasan Windows juga ditambahkan.

Uppy

Uppy adalah a Kerangka kerja JavaScript untuk membangun antarmuka pengunggahan file. Dengan Uppy, Anda dapat mengambil file, tidak hanya dari drive lokal, tetapi juga dari layanan penyimpanan eksternal seperti Google Drive, Dropbox, Instagram, dan layanan lainnya. Nya ringan, modular, dan diperluas dengan plugin khusus.

VuetifyJS

VuetifyJS adalah inisiatif dari John Leider untuk membangun Desain Material di sekitar Vue.js. Google memiliki inisiatif serupa dengan MDL atau Material Design Lite, tetapi tampaknya tidak mendapatkan daya tarik yang cukup di komunitas dan perkembangan tampaknya berjalan sangat lambat dalam beberapa bulan terakhir sekarang. Jadi jika Anda mencari alternatif, VuetifyJS mungkin merupakan pilihan yang tepat.

WP ULike

WP Ulike adalah a Plugin WordPress untuk ditambahkan “Seperti” ke konten Anda baik dalam tipe posting WordPress bawaan, tipe posting khusus, dan bbPress serta BuddyPress. Ini juga dilengkapi dengan beberapa fitur keren lainnya Sistem Notifikasi, Analisis, dan Widget yang membuatnya menjadi salah satu yang paling menarik “Seperti” sistem untuk situs WordPress Anda.

Validasi Validasi

Vee Validate adalah pustaka JavaScript untuk tambahkan bidang input dengan built-in validasi. Ini mendukung banyak jenis input seperti Email, Nomor, Tanggal, URL, alamat IP, dll.

Tabel Data Vue

Plugin Vue.js lain yang praktis. VueDataTables adalah plugin sederhana untuk dibuat tabel yang dapat disesuaikan dan dapat dipindah-pindahkan dengan Vue.js. Plugin dibangun dengan skala yang dapat membuat data besar di atas meja dengan sempurna. Ini juga dikirimkan bersama beberapa komponen tambahan untuk menghidupkan meja Anda seperti Pagination, Searchbox, dan Filter.

Googler

Googler adalah seorang CLI yang memungkinkan Anda melakukan pencarian di Google melalui baris perintah. Mirip dengan antarmuka, itu juga akan mengambil judul, deskripsi, URL, dan pagination. Ini alat yang berguna untuk pengguna daya macOS dan Linux.

Bol CMS

Bolt adalah CMS yang dibangun dengan PHP. ini cepat untuk mengatur, menggunakan ranting sebagai mesin templating, sepenuhnya mendukung PHP7, mudah disesuaikan melalui file YAML sederhana. Secara keseluruhan itu terlihat menarik bagi saya; Saya pasti akan meluangkan waktu untuk mengeksplorasi lebih lanjut kapan pun saya memiliki kesempatan.

Teletip

Teletype adalah inisiatif baru dari Editor Atom. Fitur baru ini memungkinkan Anda berkolaborasi dengan rekan-rekan Anda dalam menulis kode. Untuk menggunakannya, Anda harus menginstal plugin Teletype resmi.

Plyr

Plyr (diucapkan sebagai Player) adalah a perpustakaan media player modern dengan ukuran hanya 10kb. Dengan ini Anda akan dapat menyesuaikan pemutar video dan audio HTML, Youtube dan Vimeo, dan media streaming langsung. Ini dalam pengembangan aktif dengan lebih terencana fitur yang akan ditambahkan termasuk dukungan untuk Wistia dan video tertanam Facebook.