# 175: 7 Hal yang Perlu Diketahui Tentang Webflow - Trik CSS

Anonim

(Ini adalah video bersponsor yang saya kerjakan di antara kita di CSS-Tricks dan Webflow. Menurut saya, Webflow adalah produk yang menarik untuk membangun situs web yang, menurut pendapat saya, berada dalam kategori tersendiri saat ini. Butuh sedikit untuk menyelesaikan pikiran Anda, jadi saya harap video ini dapat membantu Anda melakukannya.)

1) Webflow dibuat untuk desain dan pengembang profesional

Sudah tahu cara membangun website dengan kode? Itu luar biasa. Ini tidak berarti Webflow di bawah kemampuan Anda. Alur web adalah semua abstraksi yang sama seperti HTML dan CSS, tetapi memperlihatkan antarmuka tersebut pada kanvas visual.

2) Gaya yang dapat digunakan kembali adalah inti dari Webflow

Pengembang CSS di dalam diri Anda mungkin ingin sekali membuat semuanya menjadi kelas. Kelas adalah alat utama CSS untuk dapat digunakan kembali. Kabar baik, semua gaya Anda di Webflow secara harfiah melalui pemilih yang merupakan kelas. Bahkan tidak "menyukai" kelas. Ini adalah kelas nyata di bawah tenda. Webflow tidak memalsukan web, melainkan web.

3) Webflow memiliki fitur seperti Flexbox dan CSS Grid

Bekerja dengan flexbox dan grid pada kanvas visual tanpa harus memikirkan sintaks sangat memuaskan. Daripada mengingat nama dan nilai properti, Anda mengklik tombol untuk menangani spasi dan perataan, atau menggunakan alat secara langsung di kanvas itu sendiri.

Penasaran dengan desain responsif? Webflow telah membahas ini seluruhnya. Saat Anda mengubah ukuran dan mengubah breakpoint, kanvas itu sendiri akan berubah ukuran, dan gaya yang Anda atur mengalir ke bawah dari besar ke kecil.

4) Publikasikan lebih cepat, kurang khawatir

Saat Anda selesai mendesain situs di Webflow, Anda tidak akan menyerahkannya kepada orang lain untuk membuat di tempat lain. Anda sudah selesai, Anda telah membangun situsnya. Anda dapat menekan tombol terbitkan dan menayangkannya di URL dalam hitungan detik. Anda kemudian dapat memetakan domain lain ke dalamnya dan Anda telah menyelesaikan situasi hosting dan penerapan Anda. Tidak ada SFTP. tidak ada masalah keamanan. Tidak ada pembaruan perangkat lunak yang harus Anda tangani sendiri.

5) Webflow CMS sangat kuat dan dibangun dengan mempertimbangkan klien dan pemasar

Webflow memiliki CMS bawaan yang sama kuatnya dengan yang lain. Anda mengonfigurasi dengan tepat jenis model konten yang Anda butuhkan (jelas tidak diperlukan pengkodean) dan Anda sudah mendapatkannya. Seperti seorang pembuat formulir, dalam arti tertentu. Kemudian bidang itu dapat digunakan di template Anda semudah konten statis.

Mungkin bagian terbaiknya adalah membuat dan mengedit data tersebut menjadi mungkin melalui antarmuka minimal tepat di situs itu sendiri. Setiap bidang yang ada di CMS (dan yang Anda izinkan) dapat diedit langsung di front-end situs langsung. Ada juga bilah di sepanjang bagian bawah untuk membuat dan mengedit konten melalui antarmuka admin. Ini yang terbaik dari kedua dunia, pengeditan di halaman dan pengeditan gaya formulir.

6) Alat animasi Webflow berada di level berikutnya

Mungkin saat pertama kali Anda mendengar tentang Webflow adalah dengan melihat situs yang dibuatnya dengan desain interaksi yang luar biasa. Fakta menarik, semua halaman pemasaran Webflow dibuat dengan Webflow. Lihat halaman desainer untuk merasakannya.

Animasi berbasis gulir seperti paralaks, animasi pada peristiwa seperti klik dan hover, semuanya dimungkinkan melalui panel interaksi tempat Anda melampirkannya ke perubahan dalam hal-hal seperti opasitas, gerakan, dan rotasi. Ada preset berkelas untuk membantu Anda, serta hal-hal tingkat berikutnya seperti mengintegrasikan animasi Lottie yang memukau.

7) Ada banyak konten pembelajaran dan komunitas untuk Anda

Belajar Webflow bukanlah keberuntungan. Saya harap Anda menemukan beberapa posting blog atau video YouTube. Webflow University sepenuhnya gratis dan benar-benar dikemas dengan semua yang ingin Anda ketahui tentang membangun situs web dengan Webflow. Ini bisa menjadi bootcamp Anda.

Coba Webflow