John Siciliano
John Siciliano
  • Видео 79
  • Просмотров 148 340
Webflow Variables Wishlist answered by Webstudio
CSS variables in Webstudio are everything asked for in the Webflow Wishlist. Here's a rapid-fire list and demo of the top 8 things Webstudio's CSS Variables do better than Webflow.
webstudio.is/
Просмотров: 267

Видео

Website builders suck. So I built my own.
Просмотров 1,1 тыс.Месяц назад
Watch the ENTIRE video for a special coupon! Coupon is valid on the annual plan with this SPECIAL LINK: webstudio.is/pricing?interval=annual Go try Webstudio now! THANK YOU a ton for supporting me and the channel. It’s an absolute dream to be building an advanced and open source website platform.
I Surprised My House Cleaner With a FREE Website
Просмотров 1 тыс.7 месяцев назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Get my Webstudio course here!! shop.createtoday.io/l/webstudio-essentials?referrer=youtube.com Go from zero to complete website including SEO! Had a blast doing this! Thanks for all your support 🍿 Watch a handyman get surprised with a free website! ruclips.net/video/989gT058CWY/видео.html Disclaimers 1. The information in this video is ...
I Surprised a Handyman With a FREE Website
Просмотров 755Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Get my Webstudio course! shop.createtoday.io/l/webstudio-essentials Pro websites are expensive! And the transactional nature of my job can take the fun out of it. So I decided to surprise a local handyman with a free website! Super stoked on this video and big thanks to Harry from Revive Handyman Services in Arizona! Built on Webstudio ...
I Recreated Google's Home Page in Webstudio (Best Website Builder)
Просмотров 2,4 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Get my Webstudio course! shop.createtoday.io/l/webstudio-essentials Today, I'm creating an exact replica of Google's home page/search page in Webstudio! Webstudio is an awesome website builder that has amazing capabilities. Watch until the end of this video to see how I figure out how to recreate the famous google home page! webstudio.i...
I'm Ditching Duda and Webflow for This New Website Builder...
Просмотров 9 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Get my Webstudio course! shop.createtoday.io/l/webstudio-essentials I may have just genuinely found the best website builder... (Webstudio website builder) Although Webstudio is still in beta, its foundation is miles ahead of other website builders like Duda and Webflow. Not to forget, it is one of the best open source website builders ...
Black Hat SEO is RUINING Websites! (Google Helpful Content Update)
Просмотров 1,4 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Google recently came out with a new update called the Google Helpful Content Update, and it will destroy anyone who is using black hat SEO methods for their website. You may think that blackhat SEO tactics like buying backlinks will help your website, and while it may help in the short term, I'm going to explain why it will fail in the ...
Posthog for Website Analytics: No Cookie Banners Needed!
Просмотров 3,9 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! In this video, we explore how Posthog revolutionizes website analytics by eliminating the need for cookie banners. Say goodbye to intrusive pop-ups and learn how 'posthog' offers powerful insights while respecting user privacy. Embrace a cookie-free future for better user experiences! 🛠️ MY TOOLS createtoday.io/tools 🖥️ CUSTOM DUDA WIDG...
Cloudflare Zaraz Superior to Google Tag Manager For Third-Party Scripts?
Просмотров 6 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! Want to know if Cloudflare Zaraz is Superior to Google Tag Manager for Third-Party Scripts? In this video, we explore the power of 'cloudflare zaraz' and how it compares to 'google tag manager' when handling third-party scripts. Discover insights on performance and security to help you make an informed decision. Let's dive in and find t...
Webflow Logic to ActiveCampaign: Easiest Form to Email Automation for Webflow!
Просмотров 3,8 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! I'm now using Webstudio for my websites! webstudio.is/?via=createtoday (aff link) In this video, I'm going to show you how to integrate Webflow Logic with ActiveCampaign, and even if you don't use ActiveCampaign, you could also do this with whatever email automation software you use! If you want to know how to automate form submissions ...
The Huge SAAS Companies Have Awful SEO...
Просмотров 679Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! In this video, I'm going to show you why these huge SAAS companies have terrible SEO. These companies have made fundamental mistakes with their SEO, and it's costing them big time. If you're looking for a great foundation for your website, then you have to avoid the mistakes that these companies make. I'm going to show you what you need...
Cloudflare and Webflow: I made them work together!
Просмотров 2,7 тыс.Год назад
ruclips.net/video/5EAxMElsX0Y/видео.html 👈 See Webstudio!! I'm now using Webstudio for my websites! webstudio.is/?via=createtoday (aff link) Today I'm going to show you how to make cloudflare and webflow work together. It was really frustrating to see that they don't work together normally, but I found a workaround to get cloudflare and webflow to work seamlessly and easily! TUTORIAL NOW AVAILA...
Web Design VS. Web Development: What's The Difference?
Просмотров 206Год назад
Web Design VS. Web Development: What's The Difference?
How This Company's Website Design Makes Them $14 Billion+ Per Year
Просмотров 276Год назад
How This Company's Website Design Makes Them $14 Billion Per Year
When To NOT Use Duda Website Builder (5 Examples)
Просмотров 5 тыс.Год назад
When To NOT Use Duda Website Builder (5 Examples)
I Made This Much From 1 Month of Affiliate Marketing...
Просмотров 954Год назад
I Made This Much From 1 Month of Affiliate Marketing...
I Made a $5,000/mo Affiliate Marketing Blog...
Просмотров 2,1 тыс.Год назад
I Made a $5,000/mo Affiliate Marketing Blog...
I made a $5,000/month Blog Template with Webflow
Просмотров 4,6 тыс.Год назад
I made a $5,000/month Blog Template with Webflow
Fiverr Writer Helps Me Find $5,000/Month Blog Strategy
Просмотров 295Год назад
Fiverr Writer Helps Me Find $5,000/Month Blog Strategy
I Found the Best Way to Make $5,000/month in Passive Income
Просмотров 912Год назад
I Found the Best Way to Make $5,000/month in Passive Income
Going from $0 to $5,000 per month in Passive Income (Trailer)
Просмотров 578Год назад
Going from $0 to $5,000 per month in Passive Income (Trailer)
How To Start a Web Design Side Hustle in 2023
Просмотров 7 тыс.Год назад
How To Start a Web Design Side Hustle in 2023
How I Make $1,099/month Passively in Web Design
Просмотров 870Год назад
How I Make $1,099/month Passively in Web Design
Podia Website Builder Review: Is It Any Good?
Просмотров 3,3 тыс.Год назад
Podia Website Builder Review: Is It Any Good?
The 5 Step Formula to Creating the PERFECT Blog Post
Просмотров 125Год назад
The 5 Step Formula to Creating the PERFECT Blog Post
6 Biggest SEO Myths That You NEED to Stop Believing!
Просмотров 304Год назад
6 Biggest SEO Myths That You NEED to Stop Believing!
I wish I knew THIS before becoming a website creator/designer... (9 Things)
Просмотров 162Год назад
I wish I knew THIS before becoming a website creator/designer... (9 Things)
What Colors Should I Use For My Website? (Color Scheme Guide)
Просмотров 6 тыс.Год назад
What Colors Should I Use For My Website? (Color Scheme Guide)
Duda White Label Plan Explained! - Everything You Need to Know!
Просмотров 1 тыс.Год назад
Duda White Label Plan Explained! - Everything You Need to Know!
Unlock the Secrets to Crafting the PERFECT Page Title!
Просмотров 285Год назад
Unlock the Secrets to Crafting the PERFECT Page Title!

Комментарии

  • @MarkPrimavera
    @MarkPrimavera День назад

    Thank you John for the very helpful video - tomorrow I am going to change my H1 "Welcome" text on my home page. Keep up the great work!

  • @rhysdyson2880
    @rhysdyson2880 3 дня назад

    Duda now has relational collections. But you cannot EXCLUDE data by filters, only include it, which drives me nuts. It means for all pages that need to display the content, they must be tagged, rather than tagging the one page it shouldn’t appear on. Duda is also quick for writing your own custom code which I find better and more efficient than using the Webflow editor, but the code formatter in Duda always bugs out and makes you refresh it frequently.

    • @johnsicili
      @johnsicili 2 дня назад

      I started my own website builder. For CMS, we enable integrating with any headless CMS/platform. Reason for this is because there many companies who have very well established CMSs, so why rebuild something that already exists? Platforms that build in-house CMSs just don't have the features of a company who solely focuses on CMS. Thanks for the update!

  • @jzajzz
    @jzajzz 5 дней назад

    This is a great form of content to reach your target audience , who are used to whatever platform ... any plans to do something similar for ACSS or the Bricks/ACSS workflow (not just variables), if not .. think you should consider as there are quite a few of that crowd ( i see them in the various groups and forums ) interested in your product.

  • @Shamwell15
    @Shamwell15 16 дней назад

    Thank you

  • @matthewcrossland2242
    @matthewcrossland2242 19 дней назад

    do you have any examples of building a widget that uses an external API?

  • @waltermelo1033
    @waltermelo1033 25 дней назад

    John! Webstudio is great for sure! the only feature I feel it's missing now is components. like they are in Webflow to reuse things. :)

    • @johnsicili
      @johnsicili 24 дня назад

      Yes they are on the roadmap! jfyi you can use Slots to reuse things that are identical like Navs and Footers. They will become components once they are developed and support props so they can have the same structure just different data.

  • @nonamem5213
    @nonamem5213 29 дней назад

    It would be nice to know what Zaraz is? Cloudflare doesn't clearly explain it so I searched RUclips and still don't know. For websites, for just tag managers, or does it actually host your code, for only 1 page, unlimited pages?

  • @Animals_Drawing_for_Kids
    @Animals_Drawing_for_Kids Месяц назад

    can we send confiramtion to user who have filled the form?

  • @schmekis1
    @schmekis1 Месяц назад

    Anything missing in your instructions? I get the following error: "VM944:1 Uncaught ReferenceError: zaraz is not defined at <anonymous>:1:1" when I type the following into console for the website... zaraz.preview("debug_key")

    • @johnsicili
      @johnsicili Месяц назад

      Maybe your browser/browser extension is blocking it? Check your console

  • @bob-p7x6j
    @bob-p7x6j Месяц назад

    Can you explain to me if I buy this what am I buying? Are the CMS's purchased separately? Why does the free plan say the builder shouldn't be used in a production environment but the pro plan doesn't say this? I am not against paying for things but what is the big difference between free and paid? Thank You...

    • @johnsicili
      @johnsicili Месяц назад

      Hey so one, you were at looking at self hosting in regards to production environment. If you purchase, you are using Webstudio Cloud which is entirely production. So when you purchase you are to login and build a site and publish it/hosting. For CMS, the ability to integrate is included in Pro, but yes you would then need to setup a third-party CMS like Airtable, Ghost, Baserow, etc. Here's a tool you can use to help you find one wstd.us/cms-finder

  • @leventecsikor636
    @leventecsikor636 Месяц назад

    I just saw this video and it's good to see what happens under the hood from the marketer's point of view. On the other hand, regarding the "email opened" thing, here is my take: I think you're missing the bigger picture here. Since DuckDuckGo processes your email to remove trackers, it has to actually open the email for this to work. Otherwise, the trackers couldn’t be removed-it’s like a Schrödinger's cat or Catch-22 scenario. So, your Mailchimp will still detect the email as being opened. The purpose of these privacy-preserving techniques (whether it's Apple Private Relay, oblivious routing/DNS, or even Tor) isn't to stop tracking altogether, but rather to prevent the tracking from identifying you personally. That said, since Duck.Email opens the Mailchimp email filled with trackers, the data Mailchimp collects will be from the Duck.Email service, not you. This means that the information your Mailchimp marketing dashboard receives (like time, IP, location, etc.) will reflect Duck.Email’s data, not yours. If many people use Duck.Email and receive your marketing emails, the data you'll get-normally useful for identifying or profiling users-becomes worthless. You, as the marketer, will see that the email was opened, but you won’t know that it wasn’t actually opened by the intended recipient. Instead, Duck.Email opened it, rendering your data useless for tracking individual users, which in turn won’t help your business in the long run. Not to mention that in the long run, if many use duck.email., for the marketers it become like all emails are opened in the same timezone, same location, etc. Of course, if you are the only duck.email user, you will still be identifiable/trackable, but at least the information will be inaccurate. Just think about it, the marketer sends out an email, and since it goes through duck.email, it straightaway triggers everything back showing to the marketer that the email was immediately opened, which is quite strange already even for non-tech-savvy people. And the actual time the intended recipient opens it (and the location too), will be completely off ;)

  • @elegantonlinesolutions2062
    @elegantonlinesolutions2062 Месяц назад

    what about pre-built templates

    • @johnsicili
      @johnsicili Месяц назад

      We just launched CSS variables which enable us as a community to standardize on a system and create templates. This is a priority now.

  • @OwOHamper
    @OwOHamper Месяц назад

    Wow!

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈 (Webstudio)

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈 (Webstudio)

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @johnsicili
    @johnsicili Месяц назад

    Website builders suck. So I built my own. 👉ruclips.net/video/5EAxMElsX0Y/видео.html👈

  • @saadqayyum7481
    @saadqayyum7481 2 месяца назад

    Here is an updated version of the code in which you can specify the number of images to optimize and the start (specific row number - 1) and end row number // Modify these to your own values. let tinyPngApiKey = your API; let airtableAttachmentSource = 'Thumbnail Image'; let airtableAttachmentDestination = 'Thumbnail Image'; let airtableColumnToLog = 'Title'; // Customizable values let imagesToOptimize = 300; // Specify how many images to optimize let startingRow = 300; // Specify the starting row (index starts from 0) let endingRow = 390; // Specify the ending row (inclusive) // Don't change these unless you know what you're doing. let table = base.getTable(cursor.activeTableId); let view = table.getView(cursor.activeViewId); let queryResult = await view.selectRecordsAsync(); // Ensure the ending row does not exceed the total number of records if (endingRow > queryResult.records.length - 1) { endingRow = queryResult.records.length - 1; } let count = 0; // Loop through each record within the specified range. for (let i = startingRow; i <= endingRow && count < imagesToOptimize; i++) { let record = queryResult.records[i]; let attachments = record.getCellValue(airtableAttachmentSource); let compressedImageUrls = []; if (attachments && attachments.length > 0) { // Iterate through each attachment in the field. for (let [j, attachment] of attachments.entries()) { let recordAttachmentUrl = attachment['url']; console.log(`Compressing ${record.getCellValue(airtableColumnToLog)} (Image ${j + 1})`); let request = await remoteFetchAsync('api.tinify.com/shrink', { body: JSON.stringify({ 'source': { 'url': recordAttachmentUrl } }), headers: { Authorization: 'Basic ' + btoa('api:' + tinyPngApiKey), 'Content-Type': 'application/json' }, method: 'POST' }); const json = await request.json(); // Checks that the API didn't fail. if (request.status == 201) { let percentReduced = Math.round((1 - json.output.ratio) * 100); let kbReduced = (json.input.size - json.output.size) / 1024; console.log('Panda just saved you ' + percentReduced + '% (' + Math.round(kbReduced) + 'KB).'); // Add the compressed image URL to the array. compressedImageUrls.push({ url: json['output']['url'] }); } count++; // Break the loop if we reach the specified limit. if (count >= imagesToOptimize) break; } // Update the record with all the compressed image URLs. await table.updateRecordAsync(record.id, { [airtableAttachmentDestination]: compressedImageUrls, }); } // Stop processing if the limit is reached. if (count >= imagesToOptimize) break; } console.log(`${count} images compressed.`);

    • @johnsicili
      @johnsicili Месяц назад

      Thanks for sharing! Your API key is in there though so be sure to rotate it!!

  • @BogdanCiorba
    @BogdanCiorba 2 месяца назад

    You can save sections and paste them all over the website buddy. May be a new feature, but your video is 1 y.o, I've used that 3 years ago. Great video tho, keep it going. Im also gonna give a try to your website builder, seems nice!

  • @BradyBell-zl8hl
    @BradyBell-zl8hl 2 месяца назад

    I like this series, you should re-build reddit!

  • @alvaro_designs
    @alvaro_designs 2 месяца назад

    you lost me with the first test lol, I don't think this is a valid video if you don't know how to use Webflow.

  • @franckleveneur676
    @franckleveneur676 2 месяца назад

    Great feedback and content. Thank you. Do you do consulting?

  • @GiPa98
    @GiPa98 2 месяца назад

    thanks for the insights!

  • @zuberalii
    @zuberalii 2 месяца назад

    thank you again an again please make more content like this

  • @zuberalii
    @zuberalii 2 месяца назад

    THANK you brother

  • @zuberalii
    @zuberalii 2 месяца назад

    ooo thank you brother

  • @ProductizeSEO
    @ProductizeSEO 3 месяца назад

    Sorry but Podia sucks, They have a severe security bug that grants access to the courses for free, When i reach out to them & asked if there's a possibility to get paid in exchange of me disclaiming the bug, they starts threatening and tell me that they're gonna call the authorities. I can send you proof if you want.

  • @James_m7
    @James_m7 3 месяца назад

    How does this WebStudio compared to the other builders now in August 2024?

    • @johnsicili
      @johnsicili 3 месяца назад

      Open source is proving to be the way to go. Many companies have raised prices recently, some by an insane amount, leaving people trapped. Note, I'm a Webstudio core team member but became a passionate user before I joined the team.

    • @James_m7
      @James_m7 3 месяца назад

      @@johnsicili Yes...like Webflow!

    • @Vicureview
      @Vicureview 2 месяца назад

      @@johnsiciliIm about to get a plan now but I want to know if this includes email marketing, crm, store, thanks

    • @johnsicili
      @johnsicili Месяц назад

      @@Vicureview No, Webstudio is solely focused on providing the best frontend visual builder and giving the tools to integrate with other tools such as headless CMSs. For ecommerce, refer to this issue wstd.us/shopify We are missing some functionality to make it possible for carts and checkout. This strategy enables us to create the very best frontend visual builder and let you choose the best tools the internet as to offer such as a headless CMS that is focused on providing the best CMS. Doing too much will leave features half baked

  • @nonimichael5467
    @nonimichael5467 3 месяца назад

    Hi.thanks for the video.i have recently created my Podia blog where I will share free printables in my niche (kids crafts/educational worksheet/activity ideas). However since podia is not a self hosted blog" do you believe that its going to be a problem?do i meed to have a wordpress blog as well?

  • @LordSindbadi
    @LordSindbadi 3 месяца назад

    Are there any templates?

    • @johnsicili
      @johnsicili 3 месяца назад

      Yes. And with the ability to paste from Webflow you have the entire Webflow ecosystem at your disposal wstd.us/copy-paste

  • @Ribyum
    @Ribyum 4 месяца назад

    Happyhues feels kinda useless though because it doesn't let you make your own palette to test on it :/

  • @MadaraUchiha-xs1hy
    @MadaraUchiha-xs1hy 4 месяца назад

    Thanks for this vid !!

  • @Studio-1585
    @Studio-1585 4 месяца назад

    Quality is a real problem with Duda. The HTML code and the CSS it produces is really hard to swallow. It's a bummer their product team simply does not care about the quality of the code.

    • @johnsicili
      @johnsicili 4 месяца назад

      Agreed. I need to create an updated video, but I'm creating my own advanced website builder now called Webstudio.is. Cleanest code out there and the least bloat out there from a website builder

    • @humans-are-shite
      @humans-are-shite 4 месяца назад

      @@johnsicili Exciting! I'd love to see what you build!

  • @Chippo-e3p
    @Chippo-e3p 4 месяца назад

    excuse my total ignorance but what is the difference between something like Posthog and voluume or clickmagick

  • @ВиталийЯнченко-у7л
    @ВиталийЯнченко-у7л 5 месяцев назад

    Everything is fine, but Drupal 10 does not have a stable theme out of the box (it comes out of the box with a stable9). Installing (via composer) stable and jquery library is such a solution ( The module, imho, has not been developed recently. At least this is true about version 3 and Drupal 10-11

  • @riccardo50001
    @riccardo50001 5 месяцев назад

    I used a company called Weebly several years ago. What I liked was I had a lot of control over the content. it wasn't elaborate and I don't think I need elaborate. I could insert text. I could insert youtube videos of my work, etc., and that was enough. I'm not incredibly tech savvy and want to use the most user friendly program available. I actually have the skeleton of that available on my computer And could share that in another location if you actually read this. thank you richard

  • @TaDahl
    @TaDahl 5 месяцев назад

    When i change the mobile version it messes up the whole desktop and the mobile is missing tons of pieces that are on the desktop.

  • @jacobryan2731
    @jacobryan2731 5 месяцев назад

    Older video, but nice to see some content on Duda. I just started using them for my agency. $200/month just for white-label.

  • @ribenawrath
    @ribenawrath 5 месяцев назад

    Really useless click bate title..

  • @BPCorp
    @BPCorp 5 месяцев назад

    Great content!! Is this similar to domain mapping or there's some other caveat to it? I have a different plugin for that but your technique looks cool as well

    • @arashhsz248
      @arashhsz248 5 месяцев назад

      hello, what plugin you use ?

  • @Swear7454
    @Swear7454 5 месяцев назад

    Of course this web builder is your favorite... It's your product :/

    • @johnsicili
      @johnsicili 5 месяцев назад

      I made this video as a passionate user before ever joining the team and before there was an affiliate program.

  • @earthzoneproductions9041
    @earthzoneproductions9041 5 месяцев назад

    Hi! Great content! I've just discovered your page so I missed out on why you don't use Drupal anymore. May I ask why this is? Thanks.

    • @johnsicili
      @johnsicili 5 месяцев назад

      I've used Drupal for 10 years. Has its place for projects. But more times than not my projects don't require it.

  • @Thingwithlegs
    @Thingwithlegs 6 месяцев назад

    dude are you using AI on your face? thanks for the video btw..

  • @cweb1988
    @cweb1988 6 месяцев назад

    Hmmm....interesting. Definitely gonna keep an eye on it. Seems too young still though. Not having any kind of no-code animations or interactions is a big thing as well as CMS. Those class features seem like such a obvious thing. It's crazy that you can't do that in Webflow.

    • @johnsicili
      @johnsicili 6 месяцев назад

      CMS is out! webstudio.is/cms Animations are on the roadmap but can be done by integrating GSAP for now.

  • @YotamGuttman
    @YotamGuttman 6 месяцев назад

    0:55 don't know what you're on about the colours are totally different hah