Revolucija bez koda dala nam je neke nevjerovatne alate za kreiranje aplikacija, web stranica i web aplikacija. Nesumnjivo ste upoznati s dva najpopularnija alata No Code na tržištu ako pratite pokret No Code.
“Mjehurić protiv Webflow-a” je uobičajeno pitanje koje pojedinci imaju kada prvi put započnu svoju avanturu bez koda.
Kojim putem da krenem?
Dakle, stigli ste na pravo mjesto; uporedićemo to dvoje kako biste mogli da birate mudro.
Počnimo.
Šta je bubble.io?
Bubble.io je netehnička platforma koja kombinuje vizuelni programski jezik sa okvirom za web razvoj. Cilj Bubble.io-a je jednostavan: pružiti sve na jednom mjestu za sve kompanije i poduzetnike koji tek počinju s web razvojem.
Bez potrebe za postavljanjem standardnog okvira za programiranje, možete kreirati bilo šta, od tržišta do a socijalna mreža na CRM koristeći Bubble.
Omogućava vam da kreirate i konfigurišete programe pomoću uređivača pokaži i klikni. Da biste napravili jedinstvene aplikacije, možete koristiti ovo softver za programiranje za kreiranje novih web aplikacija, mijenjaju baze podataka i procese, dodaju komponente stranica (slike, tekst, forme za unos, karte) i dizajniraju njihova sučelja.
To je tržište na kojem možete otkriti idealne predloške, dodatke i usluge koji će vam pomoći u izgradnji stabilnih Bubble proizvoda. Facebook, SQL, analitika i aplikacije za plaćanje su među servisima koji pokazuju REST API. Pomaže vam da se fokusirate na funkcionalnost i dizajn vaše aplikacije kako bi dobro funkcionirala na tabletima i pametnim telefonima.
Ideja Bubble-a je da se pobrine za sve, od responzivnog dizajna i animacija do hostinga, implementacije verzije, sigurnosti i operacija baze podataka kako bi aplikacija mogla ući na tržište.
Šta je Webflow?
Webflow kombinuje alat za dizajn sajta, hosting platformu i sistem za upravljanje sadržajem u jedan paket. Iako ste možda upoznati sa svima njima, oni se često koriste na različite načine. Uporediv je sa WordPress-om po tome što uključuje alate za upravljanje sadržajem i kreiranje web stranica.
Međutim, on stavlja veći naglasak na dizajn i uključuje hosting. To je najbolje od oba svijeta, ukratko. Sve što vam je potrebno može se pronaći na jednoj platformi. Nema potrebe da pokušavate sastaviti sve funkcije koje će vam trebati kao dodaci. Možete u potpunosti izbjeći bavljenje hostingom treće strane ako koristite Webflow.
Iako je Webflow dizajniran za mala preduzeća, ima mogućnosti e-trgovine. CMS i prilagodljiva baza podataka omogućavaju vam da kreirate online prodavnicu ili bilo koju drugu vrstu web stranice sa dinamičkim sadržajem. Naplatite klijentima bez potrebe da se bavite nespretnim programima trećih strana ako ste slobodnjak ili gradite web stranice za druge.
Webflow je također prikladan za pokretanje čitavih web stranica kao web dizajner. To je također fantastičan alat za kreiranje interaktivnih maketa. Pokažite svoju kreativnost ili izvezite svoj kod za upotrebu negdje drugdje. Webflow vam omogućava da radite sa tri jezika kodiranja bez potrebe da ih znate: HTML, CSS i JavaScript.
Vašu pažnju privlače vizuelni aspekti dizajna ili prednja strana. Webflow također pruža obilje informacija o tome kako započeti. Iako to nije isto što i učenje kodiranja, može postojati mala krivulja učenja za novopridošlice na stranici.
Poređenje balona naspram Webflow-a
1. Značajke
Skup funkcija je mozak graditelja web stranica; ako nije na nivou, vaša web stranica neće moći dugo ostati na putu uspjeha. Kao rezultat, analizirajmo i uporedimo karakteristike Webflow-a i Bubble-a.
Webflow stekao je reputaciju na tržištu kao CMS i graditelj web stranica bogatih funkcijama. Njegov skup funkcija garantuje fantastičnu web stranicu bez potrebe za kodiranjem.
Za maksimalne performanse, web lokacije Webflow-a su smještene na Tier 1 CDN-ovima, Fastly i Amazon Cloudfront. Također automatski pravi sigurnosnu kopiju vaše stranice, koja se može vratiti u bilo kojem trenutku jednim klikom.
Nadalje, pruža ažuriranja u realnom vremenu, prilagođenu domenu i mjesto za postavljanje na webflow.io. Webflow, kao i Bubble, omogućava vam da dodate saradnike u svoj projekat i kontrolišete njihov pristup.
Takođe vam omogućava da paginirate liste kolekcija, koristite Zapier aplikacije za proizvodnju RSS 2.0 feeda i CMS stavki, definišete i potpuno modifikujete sadržaj i strukturu, dodajete prilagođeni HTML u zaglavlje i podnožje, filtrirate dinamičke informacije, koristite CMS API i izvozite CMS materijal kao CSV.
Webflow također uključuje Lightbox, koji vam omogućava da napravite galerije privlačne za oko, navigacijsku traku prilagođenu mobilnim uređajima i prilagodljivu, HTML/CSS klizače i vrtuljke, te padajući meni.
Također možete komunicirati s ljudima putem HTML ugrađenih komponenti, beskrajno konfigurabilnih obrazaca i jednostavne funkcije dijeljenja na društvenim mrežama. Takođe je jednostavno uključiti pozadinske video zapise koji se automatski reproduciraju. Webflow je ponosan na svoje mogućnosti dizajna, koje uključuju vizuelno platno sa mrežom, CSS filtere i mogućnost istovremenog modifikovanja sajta koristeći fleksibilne kutije i simbole za višekratnu upotrebu CSS3.
Takođe dobijate pristup preko 2000 familija fontova na mreži, kao i globalnim uzorcima.
mjehurić, s druge strane, pruža i front-end i back-end funkcije koje će vam pomoći da razvijete svoju web stranicu. Za početak, trebali biste znati da on koristi Cloudflare CDN za brzu uslugu, nudi automatizirane sigurnosne kopije i praćenje u realnom vremenu za praćenje ponašanja korisnika na vašoj platformi i omogućava vam jednostavno povećanje dodavanjem više serverskih resursa.
Nadalje, količina podataka koja se može pohraniti, količina prometa koji se može poslati i broj korisnika nisu ograničeni. Na višim pretplatama dobijate besplatan SSL certifikat i višefaktorsku autentifikaciju za zaštitu. Takođe možete pristupiti metrici koristeći ugrađenu analitiku na kontrolnoj tabli.
Također možete definirati ograničenja privatnosti, izvoziti podatke koristeći CSV datoteke, upravljati bazama podataka s potpuno prilagođenim alatima za radni tok povuci i ispustiti i proširiti funkcionalnost pomoću JavaScript dodataka i API veza bez koda. Bubble vam omogućava da jednim klikom objavite vlastiti API, prilagodite svoje stranice, konfigurirate SEO postavke i šaljete personalizirane e-poruke.
Bubble vam omogućava da dodate do 40 saradnika jer neki korisnici moraju sarađivati sa svojim kolegama kako bi podijelili trud. Možete im pružiti mogućnost da unose promjene, prate ih u realnom vremenu i daju povratne informacije.
U zaključku, oba ova graditelja web stranica imaju mnogo korisnih mogućnosti, ali mjehurić ima jači skup funkcija s više funkcionalnosti baze podataka i drugih stvari.
2. Prilagodljivost i jednostavnost korištenja
Kreatori web stranica postoje kako bi olakšali proces kreiranja web stranice, a istovremeno vam pružaju širok raspon izbora prilagođavanja. Dakle, hajde da vidimo da li su Webflow i Bubble jednostavni za upotrebu i da li nude odgovarajuću kreativnu fleksibilnost.
Webflow je prepun funkcija i mogućnosti prilagođavanja, zbog čega mu nedostaje pristupačna kontrolna tabla. Ima previše toga za razumjeti, što bi također moglo zbuniti novopridošlice. Međutim, ako mu date malo vremena, to će dati izvanredne rezultate. Dizajner, uređivač i kontrolna tabla uključeni su u Webflow.
Dizajnerska ploča je moćan drag-and-drop editor sa modelom kutije. Omogućava vam da dodajete elemente i konstruišete simbole za višekratnu upotrebu, kao i da upravljate stranicama i pristupate CMS kolekcijama i dinamičkom sadržaju. Možete uređivati komponente i informacije odmah na stranici, što vam omogućava da kreirate responzivne dizajne i prilagodite ih u skladu s tim.
Takođe vam daje trenutni pristup video lekcijama, dokumentaciji i prečicama na tastaturi kako biste stvari učinili jednostavnijim. Njegova vrlo granularna kontrola nad elementima je središnji dio njegove prilagodljivosti. Omogućava vam da grafički mijenjate CSS vrijednosti umjesto da ih kucate, kao što su 3D transformacije, pružajući vam potpunu kontrolu nad HTML5, CSS3 i JavaScript-om na vizualnom platnu.
Štaviše, možete kreirati sajt sa originalnim sadržajem tako što ćete ga dizajnirati direktno sa CMS podacima. Ova vrsta pristupa dizajnu osnažuje web programere i dizajnere. Umjesto radnog pozadina, uređivač vam omogućava da promijenite bilo koji materijal odmah na stranici, kao što je tekst i uređivanje grafike.
Takođe vam omogućava da dodate saradnike, upravljate brendiranjem po meri i prilagodite podešavanja kao što su jednostavne SEO kontrole. Kao rezultat toga, saradnici mogu mijenjati materijal, pristupiti bilo kojoj kolekciji, pratiti promjene i kreirati nove stvari kao što su blogovi.
mjehurić, s druge strane, dolazi sa drag-and-drop editorom i vizualnim uređivačem toka posla, između ostalih funkcija. Sa svojim drag-and-drop editorom, možete postaviti bilo koji element na platno sa potpunom slobodom i savršenim položajem u pikselima, uključujući slike, ikone, mape i video zapise. Takođe ima uređivač svojstava koji vam omogućava da u potpunosti promijenite izgled i ponašanje komponenti.
Izgled, uslovi i prijelazi čine tri komponente uređivača svojstava. Uređivač svojstava svakog elementa je drugačiji, što omogućava specijaliziranu funkcionalnost.
Takođe vam omogućava da koristite eksterni API za dodavanje dinamičkih podataka i izraza stavkama. Nakon što se prijavite, bit ćete poslani na sučelje s mnogim područjima za različite zadatke, uključujući dizajn, radni tok, stil i podatke. Za korisnike koji su novi u platformama bez koda, početak rada s Bubble.io može biti teži.
Dolazi sa mnoštvom mogućnosti za prilagođavanje i kreiranje i prednjeg i zadnjeg kraja, ali sa toliko mogućnosti dolazi i strmija kriva učenja. Zbog toga ćete u početku htjeti video obuku da biste razumjeli sučelje i kako ga koristiti. Podrazumijeva se da je korištenje Webflow-a znatno teže.
Nadalje, kada zadržite pokazivač miša iznad elementa na interfejsu, pojavljuje se referentno dugme koje će vas odvesti do odgovarajuće referentne oblasti da vam pomogne. U svom korisničkom sučelju, kartica Stilovi kontrolira grupe vizualnih atributa koji se dijele među stavkama. To znači da možete kreirati stil i primijeniti ga na sve komponente u isto vrijeme.
Da rezimiramo, Webflow pobjeđuje jer je znatno lakši za korištenje i manje složen, iako Bubble nudi više kreativne fleksibilnosti i mogućnosti prilagođavanja.
3. Predlošci
Predlošci su unaprijed napravljene teme koje služe kao okvir za vašu web stranicu, čineći da proces web dizajna ide glatko. Hajde da vidimo ko može kreirati najbolju biblioteku šablona i modifikovati opcije.
Webflow ima preko 500 HTML5 responzivnih dizajna web stranica u svojoj biblioteci. Užasan aspekt je što se većina njih plaća, a samo 40 šablona je dostupno besplatno. Predlošci su uredno organizirani u kategorije kao što su blog, posao, dizajn, fotografija i još mnogo toga.
Također nam omogućava da odaberemo poseban predložak za svaku web stranicu, kao što je početna stranica, stranica za pregled ili kontakt stranica. Webflow vam također pruža prazno platno sa kojeg možete dizajnirati svoju web stranicu, umjesto da imate već postavljenu osnovu u obliku šablona.
Ovaj dizajn se prilagođava bilo kojoj veličini ekrana, tako da ne morate brinuti o tome kako će vaša web stranica izgledati na mobilnom uređaju. Možete ih čak i pregledati prije nego što odaberete jedan kako biste bili sigurni da je odgovarajući.
Webflow čini prilagođavanje šablona jednostavnim pružanjem dizajnera ili uređivača. Ovo će vam omogućiti da lako uredite unaprijed popunjeni materijal na predlošku. Ako želite da se članovi vašeg tima uključe kako bi vam pomogli, Zapier integracija to također čini lakim.
S druge strane, balon'kolekcija šablona obećava, sa stotinama privlačnih i dobro napravljenih izgleda. Neki su besplatni, dok se drugi naplaćuju, dok besplatni imaju manje funkcija.
Ovi predlošci se mogu koristiti zajedno s vašim prototipom, MVP-om, aplikacijom ili web-stranicom. Pojedinačne stranice ili komponente kao što su odredišna stranica, kontrolna ploča ili obrazac za kontakt također se mogu prilagoditi predlošcima. Da biste ograničili svoje mogućnosti, možete filtrirati predloške odabirom kategorija iz padajućeg okvira.
Ovi predlošci oblačića bez koda su u potpunosti podesivi, sa stotinama opcija modifikacije dostupnih pomoću drag-and-drop editora. Možete vidjeti sve detalje predloška prije nego što odaberete jedan.
U zakljucku, Webflow nadmašuje Bubble u ovoj oblasti jer nudi veću biblioteku šablona sa više mogućnosti i fleksibilnosti.
4. Integracija
Sada je vrijeme da uporedimo i uporedimo Webflow sa Bubbleom u smislu konektora i dodataka.
Webflow pruža veliku integraciju i biblioteku resursa u kojoj možete pretraživati i ugrađivati razne vidžete, dodatke, aplikacije i integracije. Za jednostavnu navigaciju, ovi materijali su grupirani u mnoge kategorije. Pomoću alata kao što su Google Metrics, Optimizely i Hotjar, možete pratiti analitiku i testirati više dizajna.
Dostupni su Proof, Livechat, Mailchimp, ActiveCampaign i mnogi drugi softveri za marketing i upravljanje sadržajem. PayPal, Stripe i Amazon Payments su dostupni kanali plaćanja.
Dobijate puno konektora za e-trgovinu, Faceted Navigation, Job Boards, Forms, CRM, Anti-spam, mape, alate za migraciju, društvene integracije kao što su Facebook i Instagram, i još mnogo toga. Takođe dobijate neograničen pristup fotografijama, video zapisima i drugim materijalima sa sajta.
Ove integracije vam omogućavaju kupovinu imena od Wix-a, DreamHost-a i drugih poznatih registratora domena direktno iz Webflow-a. Da ne spominjemo ključne konektore kao što su Zapier, Shopify i Off Script. Lightbox Gallery, After Effects i Lottie integracije čine stvaranje atraktivne galerije slika još lakšim.
S druge strane, The mjehurić ima niz konektora i dodataka koji vam omogućavaju da se povežete na druge usluge i proširite mogućnosti sistema. Ove integracije nisu pretjerane i organizirane su u kategorije.
Payment i Stripe se koriste za obradu plaćanja. Dostupne su Facebook, Twitter, LinkedIn, Instagram i druge platforme društvenih medija. Box, Yelp, WordPress, figma, Heap Analytics, Trello, Mailchimp, Zoom, Amazon, Github, Dropbox i druge su među značajnim integracijama.
Bubble vam također omogućava da povežete Google Drive, Gmail, Google Translate i Google Maps, između ostalih Googleovih usluga.
Što je najvažnije, Zapier se može povezati, pružajući mnoštvo konektora kao što su Shopify, ActiveCampaign i drugi. Takođe ima prodavnicu dodataka u kojoj možete pronaći vrijedne dodatke Bubbleovim mogućnostima.
Međutim, to nije idealna trgovina. Prodavnica ima ograničen sistem pregleda, nema komunikacije sa programerima, nema statistiku izvještaja o problemima i mali broj dodataka. Ako ne možete pronaći dodatak za željenu funkciju, možete ga sami kreirati pomoću uređivača dodataka ili povezati aplikaciju treće strane s odgovarajućim API-jem.
Bubble-izgrađeni dodaci kao što su Airtable, Audio Recorder, Disqus, Dexi i drugi su dostupni u prodavnici, kao i oni koje proizvode Bubble korisnici. Ovo ima nedostatak da bi korisnik mogao napustiti dodatak nakon razvoja, ostavljajući vas bez pomoći.
Na kratko, Webflow pobjeđuje u integracijskom natjecanju jer ima ogromnu biblioteku integracije i resursa sa jednostavnom navigacijom, dok Bubble ima samo nekoliko vrhunskih dodataka i aplikacija.
5. Korisnička podrška
Kreatori web stranica moraju ponuditi odličnu korisničku uslugu kako bi vam pomogli u rješavanju svih problema koje imate. Hajde da vidimo ko će pobediti u rundi za korisničku podršku između Webflow-a i Bubble-a.
Webflow ima mnoštvo tutorijala, punopravnih kurseva i lekcija koje pokrivaju širok spektar tema koje će vam pomoći u učenju. Bez sumnje, raznovrsnost kurseva će vas zapanjiti, omogućavajući vam da naučite sve što želite besplatno.
Blog podrške za Webflow, forum zajednice i e-knjige su među ostalim dostupnim alatima za samopomoć, a svi će vam pomoći da saznate više o ovoj temi. Podrška putem e-pošte dostupna je od ponedjeljka do petka od 6 do 6 sati po pacifičkom vremenu za neposrednu tehničku pomoć. U roku od 24-48 sati, trebali biste dobiti odgovor na svoju e-poštu.
The mjehurić, s druge strane, ima centar za pomoć sa brojnim člancima podrške; ali, ovi članci ne pokrivaju širok spektar poteškoća na koje korisnici mogu naići, niti daju opsežna uputstva sa slikama ili video demonstracijama.
Osim centra za pomoć, ima blog, forum zajednice na kojem možete postavljati pitanja i podcast gdje možete saznati više o strategijama web razvoja. Ako vam je potrebna hitna tehnička podrška i vaše upite odgovori profesionalac uživo, bojimo se da ćete biti razočarani.
Ukratko, oba graditelja web stranica imaju ograničene direktne alternative podrške; ipak, Webflow ima prednost u odnosu na Bubble zbog svojih opsežnih materijala za samopomoć, koji uključuju ogroman broj punopravnih kurseva i tutorijala.
6. cijene
Sada kada smo vidjeli mogućnosti koje pružaju oba kreatora web stranica, moramo shvatiti koliko ćemo morati da im platimo.
As Webflow's struktura cijena je malo komplikovana, imate više opcija prije nego što se posvetite planu. Sa početnim paketom platforme, možete početi odmah. Plan stranice i plan e-trgovine su dvije primarne kategorije cijena. Postoje besplatne verzije oba plana sa ograničenjima. Plaćeni nivoi cijena kreću se od 12 do 36 dolara mjesečno.
Možete početi koristiti platformu besplatno. Bubble's Pristup cijenama je prilično jednostavan, sa četiri opcije za odabir. Nudi besplatan plan s nekim osnovnim karakteristikama. Ovisno o vašim potrebama, premium opcije se kreću od 25 do 475 dolara mjesečno.
Kada je u pitanju cijena, Webflow ima mnogo alternativa za odabir, što mu daje fleksibilnost, ali i čini ga kompliciranim za potrošače. Bubble-ove cijene su, s druge strane, jasno navedene, ali su skuplje od Webflowovih.
zaključak
Webflow i Bubble su alati za izradu web stranica bez koda koji pružaju besplatan plan. Ipak, razlikuju se po nizu kriterija. Korisnici Webflow-a imaju koristi od prilagodljivih uređivača i prilično jednostavnih za korištenje, poboljšanih alata za samopomoć, sveobuhvatnih integracija i skladištenja resursa, veće kolekcije predložaka visoke klase i brzog odziva, te fleksibilnih i različitih opcija cijena.
mjehurić, s druge strane, više se fokusira na kreiranje aplikacija nego na razvoj web stranica. Ipak, nudi izvanredan skup funkcija koji nadmašuje Webflow. Pruža više dizajnerske i kreativne slobode, kao i dodatne mogućnosti baze podataka i bolje tržište dodataka. Međutim, i skup je i težak za korištenje.
Da rezimiramo, Webflow nadmašuje Bubble u većini kategorija koje smo proučavali.
Ostavite odgovor