Menulis Kod Web Lebih Baik

Inilah sesuatu yang saya rasa agak ironik. Banyak pereka web menyukai kesederhanaan yang disertakan dengan pembangun web. Namun yang menarik, sebahagian besar pembangun web diciptakan untuk menghilangkan peranan pereka web dan pembangun dengan mengautomasikan kod yang mendasari.

Lucu, kan?

Tetapi sekali lagi, ada pembangun web yang nampaknya melakukan sebaliknya. Daripada mengurangkan peranan pereka dan pembangun, mereka datang dengan alat yang dioptimumkan khusus untuk pasukan seperti itu. Objektif utama mereka adalah untuk memudahkan agensi reka bentuk dengan alat canggih.

Bagaimana, anda bertanya?

Nah, Webflow adalah salah satu contoh yang menonjol. Dan peranannya dalam keseluruhan persekitaran reka bentuk web adalah sesuatu yang akan kita kaji sebentar lagi. Tinjauan Aliran Web ini membincangkan semua ciri penting yang perlu anda ketahui, kelemahan yang sesuai, dan kos penggunaan platform untuk reka bentuk.

Tetapi pertama, apa sebenarnya Webflow?

Ulasan Aliran Web: Gambaran keseluruhan

Seperti yang anda fikirkan sekarang, Webflow bukanlah pembina web biasa anda.

Dilancarkan pada tahun 2013, alat ini menjual dirinya sebagai penyelesaian reka bentuk web yang menggabungkan alat reka bentuk bebas kod profesional dengan CMS visual yang hebat, ditambah dengan kemudahan pengguna pembangun standard. Jadi, fikirkannya sebagai penyatuan antara penyelesaian pembinaan web seperti Wix dan mesin CMS seperti WordPress.

Webflow

Tetapi, jangan salah. Aliran Web tidak bersaing dengan yang seperti Wix dan Weebly. Ini menawarkan sekumpulan fitur yang berbeza yang menargetkan demografi pengguna yang berbeza-beza.

Secara keseluruhan, perkara yang paling menarik di sini adalah pendekatan pintar Webflow untuk keseluruhan perkara pengekodan. Ini adalah platform bebas kod yang kebetulan menyokong penyuntingan kod untuk peningkatan fleksibiliti.

Keliru? Ya saya tahu. Itulah sebabnya saya meluangkan masa untuk menilai dengan teliti semua yang ditawarkan Webflow - dari reka bentuk laman web hingga ke sistem pengurusan kandungan.

Dan berikut adalah perinciannya ...

Ulasan Aliran Web: Ciri

Rekabentuk laman web

Aliran Web adalah beberapa perkara, tidak diragukan lagi. Tetapi alat reka bentuk web tanpa kodenya selalu menjadi tawaran utama di sini.

Baiklah, akan dapat difahami jika anda mengelirukannya dengan tetingkap penyuntingan Adobe Photoshop sebelum anda memulakannya. Kedua-duanya mungkin kelihatan seperti saudara kembar dari jauh, tetapi ternyata sangat berbeza ketika anda semakin dekat. Untuk lebih spesifik, anda akan melihat bahawa Webflow adalah mesin automasi yang sebahagian besarnya beroperasi pada CSS dan HTML.

Pereka aliran web

Di atasnya, anda boleh memperkenalkan elemen laman dengan selesa kemudian memindahkannya dengan sewajarnya tanpa menggunakan kod. Bit pengaturcaraan dikendalikan oleh kerangka asas Webflow, yang secara sistematik membuat dan menyunting kod laman web anda semasa anda meneruskan proses reka bentuk.

Sekiranya anda telah mencuba pereka web tanpa kod yang lain, maka anda tahu bahawa menghapuskan bit pengaturcaraan memerlukan kos fleksibiliti yang terhad. Menariknya, alat reka bentuk Webflow tidak mengikut trend ini. Oleh itu, saya akan jujur ​​di sini dan mengakui bahawa ia pasti merupakan salah satu pembangun laman web serba boleh yang paling maju di pasaran.

Sekarang, mari kita hadapi. Lanjutan dan kesederhanaan adalah dua perkara yang diketahui seperti api dan ais ketika datang ke alat pengurusan laman web.

Dan sesuai untuk dibentuk, Webflow bukanlah salah satu pembangun termudah yang anda dapati di sana. Walaupun antaramuka sangat kuat, nampaknya rumit dan mungkin memerlukan sedikit usaha untuk mempelajari tali yang sesuai.

Sebagai permulaan, Webflow tidak mencipta ilusi proses reka bentuk tanpa kod. Jadi, jangan berharap untuk melompat masuk dan mula melukis bentuk di kanvas. Pendekatan seperti itu secara substansial akan membatasi kemampuan penyesuaian anda.

Oleh itu, sistem di sini dengan bijak memasukkan beberapa aspek pengekodan semasa anda membina laman web. Sekiranya anda ingin memperkenalkan halaman tengah persegi, misalnya, anda harus menambahkan <div> elemen, kemudian edit titik kiri bawah dan kanan atas sebagai sifar bersama dengan kedudukan tetap.

Apa maknanya?

Walaupun anda dapat terus maju dan memanfaatkan Alur Web tanpa pengetahuan pengaturcaraan, diperlukan pemahaman asas mengenai sifat HTML dan CSS untuk memanfaatkan kekuatannya secara menyeluruh.

Namun, jika anda lebih suka sebaliknya, tandakan tanda “Saya tidak menulis kod " pilihan semasa anda mendaftar. Sistem ini kemudian akan mengembangkan keupayaan automasinya untuk menangani sebahagian besar reka bentuk untuk anda.

Walaupun begitu, anda boleh memulakan dengan kanvas kosong sepenuhnya. Itulah pendekatan yang saya sukai kerana saya dapat menyesuaikan segala-galanya dari pangkalan.

Walaupun kata-kata berhati-hati. Tinggalkan pilihan ini kepada pereka yang berpengalaman dengan CSS dan HTML. Jika tidak, anda berisiko mencampuradukkan sesuatu atau tersekat di suatu tempat sepanjang proses tersebut.

Pendekatan terbaik untuk pengekodan pemula adalah memanfaatkan templat pra-reka Webflow. Ternyata sistem ini menawarkan lebih dari 200 templat menarik, 30 daripadanya adalah percuma. Sebaliknya, yang dibayar akan dikenakan bayaran antara $ 24 hingga $ 79.

Setelah menganalisis pelbagai tema dengan teliti, saya dapati tema-tema tersebut sangat berbeza - dengan struktur dan ciri yang berbeza-beza. Kemudian proses penyuntingan seterusnya membolehkan anda mengubah latar belakang warna, warna, lapisan, kelegapan, putaran, kesan, kedudukan, ukuran, dll.

hosting

Ini berlaku tanpa mengatakan. Aliran Web itu, seperti sebahagian besar pembangun web hari ini, menawarkan hosting laman web serta domain khusus bersama dengan pakej reka bentuknya.

Hosting aliran web

Tetapi, jangan mengharapkan pendekatan rancangan bersama bersama di sini. Aliran Web memilih untuk mengekalkan laman web secara dalaman, dalam apa yang digambarkannya sebagai "armada pelayan tanpa skala".

Apa maksudnya?

Nah, Aliran Web kebetulan memiliki dan mengawal lebih dari 100 pusat data di seluruh dunia. Gabungkan dengan CDN yang dijalankan Amazon CloudFront plus Dengan pantas- dan hasilnya adalah satu sistem yang kukuh untuk hosting semua jenis laman web.

Selain menangani sebarang ukuran lalu lintas, Aliran Web menjamin prestasi yang optimum dengan masa pemuatan halaman selama milisaat ditambah masa operasi laman web 99.99%. Rangka kerja AWS-nya sangat penting dalam menyediakan asas yang kukuh untuk menyokong muatan lalu lintas yang agak besar dari laman web perusahaan.

Oleh kerana keselamatan web sangat penting, infrastruktur hosting Webflow mematuhi HTTP / 2 dan pengguna mendapat sijil SSL yang relevan untuk laman web mereka.

Sistem Pengurusan Kandungan

Di sinilah kandungan memenuhi reka bentuk visual. CMS Webflow pada asasnya membolehkan anda memasukkan dan mengurus kandungan laman web anda. Dengan kata lain, anda boleh menambah dan mengedit teks atau media apa pun di halaman tepat yang anda bina.

Dan jika anda menguruskan projek web yang luas dengan struktur yang rumit, anda akan sangat menghargai kemampuan sistem untuk menyokong penyesuaian manual dari aspek kandungan - termasuk jenis kandungan, ahli pasukan, projek, dll - lengkap dengan bidang yang dapat disesuaikan.

Baiklah, semua ini difasilitasi oleh Koleksi CMS- ciri yang boleh diakses terus dari tetingkap editor utama. Sebaik sahaja anda menghasilkan koleksi baru, anda dapat meneruskan jenis kandungan untuk menentukan bidang dan memperkenalkan item. Mereka kemudian diadopsi sebagai laman web atau senarai yang berbeza yang disatukan ke dalam halaman yang telah anda buat.

Aliran Web CMS

Keliru? Ok, pertimbangkan contoh ini- untuk membuat halaman yang menampilkan tenaga kerja organisasi anda, anda dapat memperkenalkan koleksi "anggota pasukan", lengkap dengan item seperti pautan sosial, keterangan, nama, foto, dan nama pekerja.

Sekarang, yang pada dasarnya meliputi CMS back-end. Tetapi, anda tahu apa? Bukan itu sahaja. Webflow terus maju untuk memberikan keuntungan yang baik kepada WordPress melalui Webflow Editor. Di sinilah anda mengumpulkan halaman yang diterbitkan dengan kandungan baru berdasarkan jenis yang dipilih sebelumnya.

Ringkasnya, anda mendapat laman web komprehensif yang menyokong kandungan dinamik seperti portfolio, artikel, dan catatan blog- tanpa memasang pemalam tambahan.

Kerjasama

Mengaku sahaja. Projek reka bentuk web yang besar sangat menarik. Tetapi, mereka boleh menjadi lebih membebankan, terutamanya jika anda gagal memperkemas semua pihak yang terlibat dengan sewajarnya.

Webflow nampaknya telah memikirkan hal ini dan membuat usaha yang baik dalam memfasilitasi kolaborasi untuk agensi reka bentuk web dengan beberapa ahli pasukan. Dan ada lagi - anda juga boleh menjemput pihak lain seperti pelanggan, pereka pihak ketiga, kontraktor, dll. Peranan dan kemampuan pengguna mereka bergantung pada hak istimewa yang anda tetapkan.

Kerjasama aliran web

Sekiranya anda berurusan dengan pelanggan, misalnya, anda boleh menjemput mereka untuk mengkaji semula projek mereka dalam masa nyata - dengan hak penggunaan yang sangat terhad.

Oleh itu, saya perhatikan bahawa semua penyesuaian laman dapat dilihat secara menyeluruh dalam masa nyata. Ini membantu ahli pasukan bekerjasama mengelakkan mengulangi tugas yang telah dikendalikan.

Ciri-ciri Keseluruhan

  • Sitemap XML
  • Tajuk meta SEO, keterangan
  • Tag alt gambar
  • Pusat Bantuan
  • Forum komuniti
  • Sokongan keutamaan
  • Sokongan e-mel
  • Nama domain tersuai
  • Tapak pementasan
  • Kemas kini seketika
  • Pengalihan URL tersuai
  • Pemantauan laman web 24/7
  • Masa muatan cepat
  • Pembelian Domain Google
  • Penyepaduan Zapier
  • Integrasi MailChimp
  • Integrasi Google Analytics
  • pengoptimuman SEO
  • Bentuk label putih
  • Pelabelan putih CMS
  • Perlindungan kata laluan laman web
  • Organisasi projek
  • Sandaran laman web
  • Halaman ralat tersuai
  • Favicon tersuai
  • Pengebilan pelanggan langsung
  • Komponen SNS
  • Teks kaya
  • Lightbox
  • Video latar
  • Kod benam HTML
  • Menu lungsur
  • Peta google
  • Gelangsar dan karusel
  • Navigasi tab
  • Borang web yang boleh disesuaikan
  • Penyunting laman web
  • Semakan penghantaran borang
  • Buka kandungan grafik
  • Templat teg SEO
  • Pengimportan CMS melalui Zapier
  • Suapan RSS
  • API CMS
  • Animasi 3D
  • Sifat penggayaan CSS
  • Templat laman web
  • Imej yang dioptimumkan
  • Keluarga fon web
  • Swatch Warna Global
  • Kotak fleksibel CSS3
  • Penambahan kod tersuai
  • Kod yang boleh dieksport
  • Penapis CSS

Ulasan Aliran Web: Harga

Struktur harga Webflow nampaknya rumit bagi beberapa pengguna, sementara yang lain memuji pendekatannya yang merangkumi semua.

Sekiranya anda jenis yang membenci banyak pakej pada satu platform kerana proses membandingkan kompleks yang disertakan dengannya, maka anda mungkin menganggap rancangan harga Webflow agak membebankan. Tetapi, sebaliknya - jika anda lebih suka beberapa pilihan harga yang sesuai dengan tahap pengguna yang berbeza, maka anda akan menyukai bagaimana perkara telah disusun di sini.

Sekarang, sebagai permulaan, Webflow berusaha untuk menyokong tiga jenis pengguna - freelancer, pereka solo, dan pasukan reka bentuk. Setiap kategori mempunyai pakej tersendiri dengan pelbagai ciri.

Pakej aliran web

Berikut adalah penerangan ringkas setiap rancangan:

Untuk Freelancer:

Pementasan Percuma- Sepenuhnya percuma.

  • 10 borang penghantaran sebulan
  • 50 barang CMS
  • Lawatan bulanan 500
  • 2 halaman statik
  • Subdomain webflow.io percuma

Hosting Asas- $ 15 sebulan dibebankan setiap bulan atau $ 12 sebulan dibilkan setiap tahun.

  • 500 borang penghantaran sebulan
  • Lawatan bulanan 25,000
  • 100 halaman statik
  • CDN
  • Pilihan SSL percuma
  • Pembuatan domain

Hosting CMS- $ 20 sebulan dibebankan setiap bulan atau $ 16 sebulan dibilkan setiap tahun.

  • 3 penyunting kandungan
  • Akses API CMS
  • 2,000 barang CMS ada
  • 1,000 borang penghantaran sebulan
  • Lawatan bulanan 100,000
  • 100 halaman statik
  • CDN
  • Pilihan SSL Percuma
  • Pembuatan domain

Hosting Perniagaan- $ 45 sebulan dibebankan setiap bulan atau $ 36 sebulan dibilkan setiap tahun.

  • 10 penyunting kandungan
  • Akses API CMS
  • 10,000 barang CMS ada
  • Penyerahan borang tanpa had
  • Lawatan bulanan 1,000,000
  • 100 halaman statik
  • CDN
  • Pilihan SSL Percuma
  • Pembuatan domain

Aliran Web untuk pekerja bebas

Untuk Pereka:

Pemula- Percuma.

  • Pementasan percuma
  • Pengebilan pelanggan
  • Sehingga 2 projek serentak
  • Bangunan laman web percuma

Ringan- $ 24 sebulan dibebankan setiap bulan atau $ 16 sebulan dibilkan setiap tahun.

  • Eksport kod
  • Pementasan yang dipertingkatkan
  • Pengebilan pelanggan
  • Sehingga 10 projek serentak

Pro- $ 42 sebulan dibebankan setiap bulan atau $ 35 sebulan dibilkan setiap tahun.

  • Perlindungan kata laluan laman web
  • Label putih
  • Pemindahan hak milik projek
  • Eksport kod
  • Pementasan yang dipertingkatkan
  • Pengebilan pelanggan
  • Projek serentak tanpa had

Aliran web untuk pereka

Untuk Pasukan Kreatif

Pasukan- $ 42 sebulan dibebankan setiap bulan atau $ 35 sebulan dibilkan setiap tahun.

  • Papan pemuka pasukan
  • Perlindungan kata laluan laman web
  • Label putih
  • Eksport kod
  • Pementasan yang dipertingkatkan
  • Pengebilan pelanggan
  • Projek serentak tanpa had

Pasukan Besar- Petikan tersuai.

  • Harga ahli pasukan pukal
  • Papan pemuka pasukan
  • Perlindungan kata laluan laman web
  • Label putih
  • Eksport kod
  • Pementasan yang dipertingkatkan
  • Pengebilan pelanggan
  • Projek serentak tanpa had

Aliran Web untuk pasukan

Siapa yang Perlu Mempertimbangkan Menggunakan Aliran Web?

Semua perkara dipertimbangkan, kami memuji Webflow kerana menyediakan:

  • Sijil SSL percuma untuk pematuhan keselamatan.
  • Rangkaian penghantaran kandungan bersepadu percuma untuk mengurangkan masa memuat halaman.
  • Pengehosan laman web global yang maju dengan kerjasama sistem yang berkesan seperti Amazon CloudFront dan Dengan pantas- untuk kelajuan memuatkan halaman dengan pantas.
  • CMS bersepadu serba boleh untuk pembuatan kandungan dinamik.
  • Persekitaran pementasan untuk menguji dan mengkaji pelbagai elemen laman web.
  • Pengurus CSS dan JS yang dioptimumkan untuk pengurusan laman web yang maju serta kawalan animasi dan gaya secara holistik.
  • Proses pembinaan web yang fleksibel bermula dengan kanvas kosong atau templat yang telah dirancang sebelumnya.
  • Alat reka bentuk web mesra mudah alih yang menghasilkan kod yang boleh dieksport dalam masa nyata semasa anda membina laman web.

Selain itu, kelemahan yang saya hadapi sepanjang perjalanan meliputi:

  • Ciri terhad untuk menyokong laman web e-dagang
  • Proses reka bentuk yang sangat menggemari pengaturcara
  • Sebilangan kecil templat laman web
  • Keluk pembelajaran yang curam untuk pemula

Sekarang, mari kita menggabungkan semuanya. Saya yakin anda akan bersetuju bahawa Webflow adalah sistem pembinaan web canggih yang dibuat untuk pemaju, pereka, dan agensi yang mencari peningkatan fleksibiliti dan kawalan.

Apa pendapat awak?

Bogdan Rancea

Bogdan adalah ahli pengasas Inspired Mag, yang telah mengumpulkan hampir 6 tahun pengalaman dalam tempoh ini. Pada masa lapang dia suka belajar muzik klasik dan mendalami seni visual. Dia juga taksub dengan fixies juga. Dia sudah memiliki 5 orang.