Revolúcia No-Code nám poskytla úžasné nástroje na vytváranie aplikácií, webových stránok a webových aplikácií. Ak sledujete hnutie Bez kódu, nepochybne poznáte dva z najpopulárnejších nástrojov bez kódu na trhu.
„Bubble versus Webflow“ je bežná otázka, ktorú si jednotlivci kladú, keď prvýkrát začnú svoje dobrodružstvo No Code.
Ktorou cestou sa mám vydať?
Takže ste sa dostali na správne miesto; porovnáme tieto dva, aby ste si mohli rozumne vybrať.
Poďme začať.
Čo je bubble.io?
Bubble.io je netechnická platforma, ktorá kombinuje vizuálny programovací jazyk s rámcom vývoja webu. Cieľ Bubble.io je jednoduchý: poskytnúť jednotné kontaktné miesto pre všetky firmy a podnikateľov, ktorí s vývojom webu len začínajú.
Bez toho, aby ste museli nastavovať štandardný programovací rámec, môžete vytvoriť čokoľvek od trhu až po a sociálna sieť do CRM pomocou Bubble.
Umožňuje vám vytvárať a konfigurovať programy pomocou editora typu point-and-click. Na vytváranie jedinečných aplikácií to môžete použiť Programovací softvér na vytváranie nových webových aplikácií, meniť databázy a procesy, pridávať komponenty stránky (obrázky, text, vstupné formuláre, mapy) a navrhovať ich rozhrania.
Je to trh, kde môžete objaviť ideálne šablóny, doplnky a služby, ktoré vám pomôžu pri vytváraní stabilných produktov Bubble. Facebook, SQL, analytické a platobné aplikácie patria medzi služby, ktoré zobrazujú REST API. Pomôže vám zamerať sa na funkčnosť a dizajn vašej aplikácie, aby dobre fungovala na tabletoch a smartfónoch.
Myšlienkou Bubble je postarať sa o všetko od responzívneho dizajnu a animácií až po hosting, nasadenie verzií, zabezpečenie a operácie s databázou, aby aplikácia mohla vstúpiť na trh.
Čo je Webflow?
Webflow spája nástroj na návrh stránok, hostingovú platformu a systém na správu obsahu do jedného balíka. Aj keď môžete byť oboznámení so všetkými z nich, často sa používajú rôznymi spôsobmi. Je porovnateľný s WordPress v tom, že obsahuje nástroje na správu obsahu a tvorbu webových stránok.
Kladie však väčší dôraz na dizajn a zahŕňa hosting. Je to to najlepšie z oboch svetov, v skratke. Všetko, čo potrebujete, nájdete na jedinej platforme. Nie je potrebné pokúšať sa spojiť všetky funkcie, ktoré budete potrebovať ako doplnky. Ak používate Webflow, môžete sa úplne vyhnúť riešeniu hostingu tretích strán.
Hoci je Webflow určený pre malé podniky, má možnosti elektronického obchodu. CMS a prispôsobiteľná databáza vám umožňujú vytvoriť internetový obchod alebo akýkoľvek iný typ webovej stránky s dynamickým obsahom. Fakturujte klientov bez toho, aby ste sa museli zaoberať nemotornými programami tretích strán, ak ste na voľnej nohe alebo podnikáte, ktorý vytvára webové stránky pre iných.
Webflow je vhodný aj na spúšťanie celých webových stránok ako webový dizajnér. Je to tiež fantastický nástroj na vytváranie interaktívnych makiet. Ukážte svoju kreativitu alebo exportujte svoj kód na použitie inde. Webflow vám umožňuje pracovať s tromi kódovacími jazykmi bez toho, aby ste ich museli poznať: HTML, CSS a JavaScript.
Vašu pozornosť upútajú vizuálne aspekty dizajnu alebo predná strana. Webflow tiež poskytuje množstvo informácií o tom, ako začať. Aj keď to nie je to isté ako učenie sa kódovať, pre nováčikov na stránke môže dôjsť k miernemu učenia.
Porovnanie medzi bublinami a webovým tokom
1. Vlastnosti
Sada funkcií je mozgom tvorcu webových stránok; ak nie je na úrovni, váš web nebude môcť zostať na ceste k úspechu dlho. V dôsledku toho analyzujme a porovnajme charakteristiky Webflow a Bubble.
Webflow si na trhu vydobyla reputáciu ako funkčne bohatý CMS a tvorca webových stránok. Jeho sada funkcií zaručuje fantastickú webovú stránku bez nutnosti kódovania.
Pre maximálny výkon sú weby Webflow hostené na úrovni 1 CDN, Fastly a Amazon Cloudfront. Automaticky tiež zálohuje vaše stránky, ktoré je možné kedykoľvek obnoviť jediným kliknutím.
Okrem toho poskytuje aktualizácie v reálnom čase, vlastnú doménu a pracovnú stránku na webflow.io. Webflow, podobne ako Bubble, vám umožňuje pridávať spolupracovníkov do vášho projektu a kontrolovať ich prístup.
Umožňuje vám tiež stránkovať zoznamy kolekcií, využívať aplikácie Zapier na vytváranie informačných kanálov RSS 2.0 a položiek CMS, definovať a plne upravovať obsah a štruktúru, pridávať vlastné HTML do hlavičky a päty, filtrovať dynamické informácie, používať CMS API a exportovať. CMS materiál ako CSV.
Webflow zahŕňa aj Lightbox, ktorý vám umožňuje vytvárať pútavé galérie, navigačný panel vhodný pre mobilné zariadenia a prispôsobiteľný, posúvače a karusely HTML/CSS a rozbaľovaciu ponuku.
Môžete tiež komunikovať s ľuďmi prostredníctvom vložených komponentov HTML, nekonečne konfigurovateľných formulárov a jednoduchej funkcie zdieľania na sociálnych sieťach. Je tiež jednoduché zahrnúť automaticky sa prehrávajúce videá na pozadí. Webflow je hrdý na svoje možnosti dizajnu, ktoré zahŕňajú vizuálne plátno s mriežkou, CSS filtre a možnosť súbežne upravovať web pomocou flexibilných polí CSS3 a opakovane použiteľných symbolov.
Získate tiež prístup k viac ako 2000 XNUMX online rodinám písiem, ako aj globálnym vzorníkom.
Burbuja, na druhej strane poskytuje funkcie front-end aj back-end, ktoré vám pomôžu rozšíriť vaše webové stránky. Na začiatok by ste mali vedieť, že využíva Cloudflare CDN na rýchle služby, ponúka automatické zálohovanie a monitorovanie v reálnom čase na sledovanie správania používateľov na vašej platforme a umožňuje vám jednoducho škálovať pridaním ďalších zdrojov servera.
Okrem toho nie je obmedzené množstvo dát, ktoré je možné uložiť, objem prenosu a počet používateľov. Pri vyšších odberoch získate bezplatný certifikát SSL a viacfaktorové overenie na ochranu. K metrikám môžete pristupovať aj pomocou vstavanej analýzy v dashboarde.
Môžete tiež definovať obmedzenia ochrany osobných údajov, exportovať údaje pomocou súborov CSV, spravovať databázy pomocou úplne prispôsobených nástrojov pracovného toku drag-and-drop a rozšíriť funkčnosť pomocou doplnkov JavaScript a pripojení API bez kódu. Bubble vám umožňuje publikovať svoje vlastné API jediným kliknutím, prispôsobiť si stránky, konfigurovať nastavenia SEO a odosielať personalizované e-maily.
Bubble vám umožňuje pridať až 40 spolupracovníkov, pretože niektorí používatelia musia spolupracovať so svojimi spolupracovníkmi, aby si rozdelili úsilie. Môžete im poskytnúť možnosť vykonávať zmeny, sledovať ich v reálnom čase a poskytovať spätnú väzbu.
Na záver, obaja títo tvorcovia webových stránok majú veľa užitočných funkcií, ale Burbuja má silnejšiu sadu funkcií s väčšou funkčnosťou databázy a ďalšími vecami.
2. Prispôsobiteľnosť a jednoduché použitie
Tvorcovia webových stránok existujú, aby zjednodušili proces vytvárania webových stránok a zároveň vám poskytli širokú škálu možností prispôsobenia. Pozrime sa teda, či sa Webflow a Bubble jednoducho používajú a ponúkajú primeranú kreatívnu flexibilitu.
Webflow je nabitý funkciami a možnosťami prispôsobenia, a preto mu chýba prístupný prístrojový panel. Je toho príliš veľa na pochopenie, čo môže zmiasť aj nováčikov. Ak tomu však dáte nejaký čas, prinesie to vynikajúce výsledky. Súčasťou Webflow je návrhár, editor a dashboard.
Panel návrhárov je výkonný editor typu drag-and-drop s krabicovým modelom. Umožňuje vám pridávať prvky a vytvárať opakovane použiteľné symboly, ako aj spravovať stránky a pristupovať k kolekciám CMS a dynamickému obsahu. Komponenty a informácie môžete upravovať okamžite na stránke, čo vám umožní vytvárať responzívne návrhy a podľa toho ich prispôsobiť.
Poskytuje vám tiež okamžitý prístup k video lekciám, dokumentácii a klávesovým skratkám, aby sa veci zjednodušili. Jeho veľmi podrobná kontrola nad prvkami je stredobodom jeho prispôsobiteľnosti. Umožňuje vám meniť hodnoty CSS graficky namiesto ich zadávania, ako napríklad pri 3D transformáciách, a poskytuje vám úplnú kontrolu nad HTML5, CSS3 a JavaScriptom na vizuálnom plátne.
Okrem toho môžete vytvoriť stránku s originálnym obsahom tak, že ju navrhnete priamo s údajmi CMS. Tento typ dizajnového prístupu umožňuje webovým vývojárom a dizajnérom. Namiesto pracovného backendu vám editor umožňuje zmeniť akýkoľvek materiál okamžite na stránke, napríklad text a úpravu grafiky.
Umožňuje vám tiež pridávať spolupracovníkov, spravovať branding na mieru a prispôsobovať nastavenia, ako sú jednoduché ovládacie prvky SEO. Vďaka tomu môžu spolupracovníci upravovať materiál, pristupovať k akejkoľvek kolekcii, sledovať zmeny a vytvárať nové veci, ako sú blogy.
Burbuja, na druhej strane prichádza okrem iného s editorom drag-and-drop a editorom vizuálnych pracovných postupov. Pomocou editora drag-and-drop môžete umiestniť akýkoľvek prvok na plátno s úplnou voľnosťou a perfektným umiestnením na pixely, vrátane obrázkov, ikon, máp a videí. Má tiež Editor vlastností, ktorý vám umožní úplne zmeniť vzhľad a správanie komponentov.
Vzhľad, Podmienené podmienky a Prechody tvoria tri súčasti editora vlastností. Editor vlastností každého prvku je iný, čo umožňuje špecializované funkcie.
Umožňuje vám tiež použiť externé rozhranie API na pridávanie dynamických údajov a výrazov do položiek. Po registrácii budete presmerovaní do rozhrania s mnohými oblasťami pre rôzne úlohy vrátane dizajnu, pracovného postupu, štýlu a údajov. Pre používateľov, ktorí sú noví v platformách bez kódu, môže byť začatie s Bubble.io zložitejšie.
Dodáva sa s množstvom možností na prispôsobenie a vytváranie prednej aj zadnej časti, ale s toľkými možnosťami prichádza strmšia krivka učenia. To je dôvod, prečo najprv budete chcieť video školenie, aby ste pochopili rozhranie a ako ho používať. Je samozrejmé, že používanie Webflow je podstatne náročnejšie.
Okrem toho, keď umiestnite kurzor myši na prvok v rozhraní, zobrazí sa referenčné tlačidlo, ktoré vás prenesie do správnej referenčnej oblasti, ktorá vám pomôže. Karta Štýly vo svojom používateľskom rozhraní ovláda skupiny vizuálnych atribútov, ktoré sú zdieľané medzi položkami. To znamená, že môžete vytvoriť štýl a použiť ho na všetky komponenty súčasne.
Zhrnúť, Webflow vyhráva, pretože je výrazne jednoduchší a menej zložitý, hoci Bubble ponúka kreatívnejšiu flexibilitu a možnosti prispôsobiteľnosti.
3. Šablóny
Šablóny sú vopred pripravené témy, ktoré slúžia ako rámec pre vašu webovú stránku, vďaka čomu je proces tvorby webu plynulejší. Pozrime sa, kto môže vytvoriť najlepšiu knižnicu šablón a upraviť možnosti.
Webflow má vo svojej knižnici viac ako 500 návrhov webových stránok responzívnych HTML5. Hrozným aspektom je, že väčšina z nich je platená, pričom zadarmo je k dispozícii iba 40 šablón. Šablóny sú prehľadne usporiadané do kategórií ako Blog, Obchod, Dizajn, Fotografia a ďalšie.
Umožňuje nám tiež vybrať samostatnú šablónu pre každú webovú stránku, napríklad domovskú stránku, recenziu alebo kontaktnú stránku. Webflow vám tiež poskytuje prázdne plátno, z ktorého môžete navrhnúť svoju stránku, namiesto toho, aby ste mali už položenú základňu v tvare šablóny.
Tento dizajn sa prispôsobí akejkoľvek veľkosti obrazovky, takže sa nemusíte obávať, ako bude váš web vyzerať na mobilnom zariadení. Pred ich výberom si ich dokonca môžete prezrieť, aby ste sa uistili, že je to ten správny.
Webflow zjednodušuje prispôsobenie šablón poskytnutím návrhára alebo editora. Tie vám umožnia jednoducho upravovať predvyplnený materiál na šablóne. Ak chcete, aby sa členovia vášho tímu prihlásili, aby vám pomohli, integrácia Zapier to tiež uľahčuje.
Na druhej strane, bublina'Zbierka šablón je sľubná, so stovkami pútavých a dobre vyrobených rozložení. Niektoré sú zadarmo, iné sú spoplatnené, pričom tie bezplatné majú menej funkcií.
Tieto šablóny možno použiť v spojení s vaším prototypom, MVP, aplikáciou alebo webovou stránkou. Jednotlivé stránky alebo komponenty, ako je vstupná stránka, informačný panel alebo kontaktný formulár, je tiež možné prispôsobiť pomocou šablón. Ak chcete obmedziť svoje možnosti, môžete filtrovať šablóny výberom kategórií z rozbaľovacieho poľa.
Tieto šablóny bublín bez kódu sú úplne nastaviteľné, so stovkami možností úprav dostupných pomocou editora drag-and-drop. Pred výberom šablóny si môžete pozrieť všetky podrobnosti.
Záverom možno povedať, Webflow v tejto oblasti prekonáva Bubble, pretože ponúka väčšiu knižnicu šablón s väčšími možnosťami a flexibilitou.
4. Integrácia
Teraz je čas porovnať a porovnať Webflow a Bubble z hľadiska konektorov a doplnkov.
Webflow poskytuje veľkú integráciu a knižnicu zdrojov, kde môžete vyhľadávať a vkladať rôzne miniaplikácie, doplnky, aplikácie a integrácie. Pre jednoduchú navigáciu sú tieto materiály zoskupené do mnohých kategórií. Prostredníctvom nástrojov, ako sú Google Metrics, Optimizely a Hotjar, môžete sledovať analýzy a testovať viacero návrhov.
K dispozícii je Proof, Livechat, Mailchimp, ActiveCampaign a mnoho ďalších marketingových softvérov a softvéru na správu obsahu. PayPal, Stripe a Amazon Payments sú dostupné platobné kanály.
Získate množstvo konektorov pre elektronický obchod, fazetovú navigáciu, pracovné dosky, formuláre, CRM, antispam, mapy, nástroje na migráciu, sociálne integrácie, ako sú Facebook a Instagram, a oveľa viac. Získate tiež neobmedzený prístup k fotkám, videám a iným materiálom na stránke.
Tieto integrácie vám umožňujú nakupovať mená od spoločností Wix, DreamHost a ďalších známych registrátorov domén priamo z Webflow. Nehovoriac o kľúčových konektoroch ako Zapier, Shopify a Off Script. Vďaka integrácii Lightbox Gallery, After Effects a Lottie je vytváranie atraktívnej galérie obrázkov ešte jednoduchšie.
Na druhej strane The bublina má množstvo konektorov a pluginov, ktoré umožňujú pripojiť sa k ďalším službám a rozšíriť možnosti systému. Tieto integrácie nie sú nadmerné a sú usporiadané do kategórií.
Platba a Stripe sa používajú na spracovanie platieb. K dispozícii sú Facebook, Twitter, LinkedIn, Instagram a ďalšie platformy sociálnych médií. Box, Yelp, WordPress, Obr, Heap Analytics, Trello, Mailchimp, Zoom, Amazon, Github, Dropbox a ďalšie patria medzi významné integrácie.
Bubble vám tiež umožňuje prepojiť Disk Google, Gmail, Prekladač Google a Mapy Google okrem iných služieb Google.
Najdôležitejšie je, že Zapier môže byť prepojený a poskytuje množstvo konektorov, ako sú Shopify, ActiveCampaign a ďalšie. Má tiež obchod s doplnkami, kde môžete nájsť cenné doplnky k schopnostiam Bubble.
Nie je to však ideálny obchod. Obchod obsahuje obmedzený systém kontroly, žiadnu komunikáciu s vývojármi, žiadne štatistiky hlásení o problémoch a malý počet doplnkov. Ak nemôžete nájsť doplnok pre požadovanú funkciu, môžete si ho vytvoriť sami pomocou Editora doplnkov alebo prepojiť aplikáciu tretej strany s vhodným rozhraním API.
V obchode sú k dispozícii zásuvné moduly vytvorené ako bubliny, ako sú Airtable, Audio Recorder, Disqus, Dexi a ďalšie, ako aj tie, ktoré vyrábajú používatelia Bubble. To má nevýhodu v tom, že používateľ mohol doplnok po vývoji opustiť a vy bez pomoci.
Stručne, Webflow vyhráva súťaž o integráciu, pretože má rozsiahlu knižnicu integrácie a zdrojov s jednoduchou navigáciou, zatiaľ čo Bubble má iba niekoľko špičkových doplnkov a aplikácií.
5. Zákaznícka podpora
Tvorcovia webových stránok musia ponúkať vynikajúce služby zákazníkom, aby vám pomohli vyriešiť akékoľvek problémy, ktoré môžete mať. Pozrime sa, kto vyhrá kolo zákazníckych služieb medzi Webflow a Bubble.
Webflow má množstvo tutoriálov, plnohodnotných kurzov a lekcií pokrývajúcich širokú škálu tém, ktoré vám pomôžu pri učení. Bezpochyby vás ohromí rozmanitosť kurzov, ktoré vám umožnia naučiť sa všetko, čo chcete, zadarmo.
Blog podpory Webflow, komunitné fórum a e-knihy patria medzi ďalšie dostupné svojpomocné nástroje, z ktorých všetky vám pomôžu dozvedieť sa viac o danej téme. E-mailová podpora je k dispozícii od pondelka do piatku od 6:6 do 24:48 PT pre okamžitú technickú pomoc. Do XNUMX-XNUMX hodín by ste mali dostať odpoveď na váš e-mail.
bublina, na druhej strane má centrum pomoci s množstvom článkov podpory; tieto články však nepokrývajú širokú škálu problémov, s ktorými sa môžu používatelia stretnúť, ani neposkytujú rozsiahle pokyny s obrázkami alebo ukážkami videa.
Okrem centra pomoci má blog, komunitné fórum, kde môžete klásť otázky, a podcast, kde sa dozviete viac o stratégiách vývoja webu. Ak potrebujete naliehavú technickú podporu a svoje otázky si necháte riešiť odborníkom, obávame sa, že budete sklamaní.
Aby som to zhrnul, obaja tvorcovia webových stránok majú obmedzené možnosti priamej podpory; napriek tomu Webflow má oproti Bubble výhodu vďaka rozsiahlym svojpomocným materiálom, ktoré zahŕňajú obrovské množstvo plnohodnotných kurzov a tutoriálov.
6. stanovenie ceny
Teraz, keď sme videli možnosti, ktoré poskytujú obaja tvorcovia webových stránok, musíme zistiť, koľko im budeme musieť zaplatiť.
As Webflow's cenová štruktúra je trochu komplikovaná, pred zaviazaním sa k plánu máte viac možností. So začiatočným balíkom platformy môžete začať hneď. Plán lokality a plán elektronického obchodu sú dve hlavné cenové kategórie. Existujú bezplatné verzie oboch plánov s obmedzeniami. Platené cenové hladiny sa pohybujú od 12 do 36 dolárov mesačne.
Platformu môžete začať využívať bezplatne. Bubliny cenový prístup je pomerne jednoduchý so štyrmi možnosťami na výber. Ponúka bezplatný plán s niektorými základnými funkciami. V závislosti od vašich potrieb sa prémiové možnosti pohybujú od 25 do 475 dolárov mesačne.
Pokiaľ ide o cenu, Webflow má na výber množstvo alternatív, čo mu dáva flexibilitu, no zároveň ho komplikuje spotrebiteľom. Na druhej strane ceny Bubble sú jasne uvedené, ale sú drahšie ako Webflow.
záver
Webflow a Bubble sú nástroje na vytváranie webových stránok bez kódu, ktoré poskytujú bezplatný plán. Rozlišujú sa však podľa viacerých kritérií. Používatelia Webflow profitujú z responzívnych a pomerne ľahko použiteľných editorov, vylepšených svojpomocných nástrojov, komplexných integrácií a úložiska zdrojov, väčšej kolekcie špičkových a responzívnych šablón a flexibilných a rôznych cenových možností.
Burbuja, na druhej strane sa zameriava viac na tvorbu aplikácií ako na vývoj webových stránok. Napriek tomu ponúka vynikajúcu sadu funkcií, ktorá prekonáva Webflow. Poskytuje väčšiu slobodu dizajnu a tvorivosti, ako aj ďalšie možnosti databázy a lepší trh doplnkov. Je to však nákladné a náročné na používanie.
Aby som to zhrnul, Webflow prekonáva Bubble vo väčšine kategórií, ktoré sme študovali.
Nechaj odpoveď