Sygnal Technology
Sygnal Technology
  • 42
  • 69 096
Download Your Webflow Assets
Need to download ALL of your Webflow site's assets from the designer's assets panel? While there is no built in feature to do this, there is always a way. Here I walk through how to accomplish this using Chrome's DevTools and Chat GPT v4's Code Interpreter.
Need technical help with your Webflow project?
www.sygnal.com/webflow
มุมมอง: 1 094

วีดีโอ

Using Webflow's Visibility: Hidden v Display: None
มุมมอง 3.5Kปีที่แล้ว
Display: none is a style (under layout) which instructs the browser not to display a specific element and its children. The element is not visible, but the HTML content is still part of the page where it can be seen by custom code, and search engines. Use it when you want to hide an element, but to still have the element content appear in the page. - Hide elements on certain breakpoints, and sh...
Playing Games with ChatGPT
มุมมอง 131ปีที่แล้ว
Among humans, the ability to play games and to be skilled at them is a significant tool for developing our skills of reasoning, deduction, and strategy. It's even a great indicator of intelligence. But can ChatGPT play games? And if so, how good is it? Let's find out. My findings in this experiment are still boggling my mind- particularly in the experiment with Zork. Its ability to role play in...
Reflections on AI - FEB 2023
มุมมอง 21ปีที่แล้ว
2022 saw amazing advances in AI and public access to Midjourney and ChatGPT. What does 2023 hold? How will AI impact us? What does it all mean? Here are a few of my thoughts on the the future and on the philosophical implications of AI. It has a surprising amount to teach us about ourselves and even about the very nature of intelligence.
Create Test CMS Data w/ ChatGPT
มุมมอง 216ปีที่แล้ว
Need some specific test data in your CMS to mock up your layouts or design a template with? ChatGPT can do that too. While it's not covered in the video, you can add images for import into Webflow as well. www.sygnal.com/lessons/create-cms-test-data #chatgpt #ai #cms #webflow
Webflow, Coloring SVGs as Lotties
มุมมอง 3672 ปีที่แล้ว
Is your SVG too large to inline in Webflow's HTML Embed? Don't despair- Webflow's Lotties element might just be what you're looking for. Webflow DEMO project- effects-demo.webflow.io/lottie #webflow #svg #lottie
Webflow - How to Color External SVGs
มุมมอง 9832 ปีที่แล้ว
YES it is actually possible to color SVGs that are stored in your Webflow assets. It's easier than you think, and it's fully supported- but it's not well-known. Demonstration website external-svg-coloring.webflow.io/ Webflow read-only project view preview.webflow.com/preview/external-svg-coloring?preview=c789e60d065530ee760350626cf50901&workflow=preview Technical notes external-svg-coloring.web...
Webflow, Rich Text and Custom Text Styling
มุมมอง 1.1K2 ปีที่แล้ว
Ever wanted to be able to make selected text red, or to add a yellow highlighter effect in Webflow's Rich Text Elements? Now you can.
Webflow + Markdown & HTML Tables
มุมมอง 2K2 ปีที่แล้ว
Webflow does not offer in-built support for HTML Tables or Markdown, however with showdown.js and a bit of script, you can add this support for both exactly where you want it, with precisely the features you need. Codepen.io Example- codepen.io/memetican/pen/GRxdzQX Showdown.js github.com/showdownjs/showdown Markdown- www.markdownguide.org/basic-syntax/ ALSO IN THIS VIDEO- CodeMode for Webflow ...
How to Identify Spam & Scams in your Email
มุมมอง 423 ปีที่แล้ว
#scam #spam #business If you run a website, chances are that some of the leads you get are spam or scams designed to rip you off. Here are some key ways to check and identify those emails you should delete.
Google Classroom - Enabling Students to Join Your Class
มุมมอง 3.1K3 ปีที่แล้ว
Are you trying to add a student and getting the "Can't invite student from this domain" error? Here's why, and how to fix it.
Embedding dynamic tables in a Webflow rich text element
มุมมอง 4.1K3 ปีที่แล้ว
At this point, Webflow does not support HTML tables, even in its rich text editor- and this is problematic when you need to display content in table format. Here's a workaround I've found using Google Slides. The basic process is; 1. Create a Google Slide document in any Google Drive account 2. Make certain the document or its folder is public, so that "anyone with the link can view." 3. In you...
WebFlow - Collection Lists within Collection Lists
มุมมอง 5524 ปีที่แล้ว
UPDATE 21-Apr-2020 / Webflow has added nested collection lists! th-cam.com/video/EvmWJf-OBb0/w-d-xo.html Want to embed a WebFlow collection list within another collection list? It's currently not possible in the designer, however in one-to-many scenarious you can repair this with a bit of page javascript. #Webflow #CMS #CollectionList #Collections
WebFlow - Databinding CMS Lists to Form Dropdown Selects
มุมมอง 2.7K5 ปีที่แล้ว
WebFlow has a great CMS feature and easy-to-use forms designer. But the two don't work together- it's not currently possible to directly databind a WebFlow Form Select to a CMS datasource. Here's how you can do it using a jQuery script. #webflow #cms #databinding #form #select
Business Tools - Google Calendar & why it's great
มุมมอง 465 ปีที่แล้ว
In my book, there's no better schedule-management software available than the entirely FREE Google Calendar. Here's why.
WebFlow - Responsive Card Layouts & CMS Collection Lists
มุมมอง 3.7K5 ปีที่แล้ว
WebFlow - Responsive Card Layouts & CMS Collection Lists
QR Codes, Gaming & Payment Systems - SnapTag
มุมมอง 1.2K5 ปีที่แล้ว
QR Codes, Gaming & Payment Systems - SnapTag
WebFlow - Finding a Suitable Website Icon
มุมมอง 475 ปีที่แล้ว
WebFlow - Finding a Suitable Website Icon
WebFlow - Adding Structured Data (JSON+LD) to your Website
มุมมอง 6K6 ปีที่แล้ว
WebFlow - Adding Structured Data (JSON LD) to your Website
How To Use Web Browser Shortcuts with QR Codes
มุมมอง 2786 ปีที่แล้ว
How To Use Web Browser Shortcuts with QR Codes
Office 365 Outlook Email Signatures Advanced Editing Techniques
มุมมอง 7576 ปีที่แล้ว
Office 365 Outlook Email Signatures Advanced Editing Techniques
WebFlow How to Emulate Collection Page Login protection
มุมมอง 1666 ปีที่แล้ว
WebFlow How to Emulate Collection Page Login protection
WebFlow Connecting YouTube to your WebFlow Blog with Zapier
มุมมอง 1376 ปีที่แล้ว
WebFlow Connecting TH-cam to your WebFlow Blog with Zapier
WebFlow How to optimize mutiline text layout across breakbroints
มุมมอง 826 ปีที่แล้ว
WebFlow How to optimize mutiline text layout across breakbroints
Resizing Images for WebFlow
มุมมอง 3.4K6 ปีที่แล้ว
Resizing Images for WebFlow
WebFlow Helping Zapier work with Video fields in the WebFlow CMS
มุมมอง 726 ปีที่แล้ว
WebFlow Helping Zapier work with Video fields in the WebFlow CMS
WebFlow - How to Add Icons to your Main Menu Navigation
มุมมอง 4.6K6 ปีที่แล้ว
WebFlow - How to Add Icons to your Main Menu Navigation
WebFlow Security Password-protection, and the underlying mechanics
มุมมอง 1.2K6 ปีที่แล้ว
WebFlow Security Password-protection, and the underlying mechanics
WebFlow, Rich Snippets, and Structured Data
มุมมอง 8576 ปีที่แล้ว
WebFlow, Rich Snippets, and Structured Data
WebFlow - How to Create Recurring Events in the CMS
มุมมอง 2.1K6 ปีที่แล้ว
WebFlow - How to Create Recurring Events in the CMS

ความคิดเห็น

  • @jordancornelius1433
    @jordancornelius1433 7 วันที่ผ่านมา

    Is there any way to delete these types of webflow cookies automatically during a site event? i.e. clicking a logout button and deleting cookies with javascript when this event is triggered.

    • @jordancornelius1433
      @jordancornelius1433 7 วันที่ผ่านมา

      my wf_sif cookie is blocking my login functionality via memberstack

    • @sygnaltechnology773
      @sygnaltechnology773 7 วันที่ผ่านมา

      Unfortunately not, it's an Httponly cookie which means it can only be accessed by the server, not JS.

    • @sygnaltechnology773
      @sygnaltechnology773 7 วันที่ผ่านมา

      @@jordancornelius1433 I'm not certain what that cookie is, it doesn't show for me on a standard login. In any case I would not expect it to affect memberstack in any way- MS has it's own independent set of cookies. I'd contact Memberstack support if you're experiencing a conflict.

    • @jordancornelius1433
      @jordancornelius1433 7 วันที่ผ่านมา

      @@sygnaltechnology773 Thank you for the reply. I realized it is easier to link memberstack events to the default webflow systems rather than vice versa. thank you.

  • @MartijnDekker-bj6sc
    @MartijnDekker-bj6sc 2 หลายเดือนก่อน

    Exactly what i needed, thanks!

  • @elielrosarioperez
    @elielrosarioperez 3 หลายเดือนก่อน

    This was such a helpful walkthrough! Thanks for taking the time for this.

  • @annaoreilly728
    @annaoreilly728 4 หลายเดือนก่อน

    Timestamps would be great :)

    • @sygnaltechnology773
      @sygnaltechnology773 4 หลายเดือนก่อน

      If you mean the ability to enter the current timestamp quickly, I use AutoHotkey ( AHK ) for that and bind CTRL+; ( semicolon ) so that I can create timestamps in any program, anytime. That hotkey is already used in Google Sheets for timestamp entry, so it's a consistent way to drop timestamps in Google Docs, Webflow, etc.

  • @marine1738
    @marine1738 5 หลายเดือนก่อน

    Exactly what I was looking for, thank you so much!

  • @talktopeter1678
    @talktopeter1678 6 หลายเดือนก่อน

    This was so clearly and concisely presented - and so useful. Thank you.

  • @private_krapfen950
    @private_krapfen950 6 หลายเดือนก่อน

    I am new to Webflow and I asked myself, are elements set to display none affecting the performance of the site in a great fashion?

    • @sygnaltechnology773
      @sygnaltechnology773 6 หลายเดือนก่อน

      Display: none only affects visibility so it comes down to the size of the content you're hiding. Ideally you only want you page to contain content that benefits your users, so if you're planning to show it later ( tabs, sliders, multi-step forms... ), it's generally ok in moderation. If half your page will never be seen, it's probably worth rethinking your design approach.

    • @private_krapfen950
      @private_krapfen950 6 หลายเดือนก่อน

      @@sygnaltechnology773 i have some fotos and videos in a slider, but that fits not good in my mobile, so i will (display none) the slide in mobile and show a grid with the same content as in the slider, so i have have doubled my content, because the grid is on display none above mobile but it still exists, thats not good, but my idea is that i make every image and video to an component, so it have to load only once, could that work?

    • @sygnaltechnology773
      @sygnaltechnology773 6 หลายเดือนก่อน

      @@private_krapfen950 No you'd still likely use 2 instances of that component. You could solve this with JS, but realistically the approach you're using ( desktop version, mobile version, hide-and-show ) is pretty standard and fits Webflow's designer paradigm better. I wouldn't sweat it. If you're using the same image assets, the browser will only load them once and that's going to be the bulk of that content.

  • @codefinity
    @codefinity 7 หลายเดือนก่อน

    F WebFlow. I will not recommend them again to anyone seeing how they deliberately hold assets hostage!

  • @MVS_DJGillyGill
    @MVS_DJGillyGill 8 หลายเดือนก่อน

    thank you

  • @victoriabarnes9789
    @victoriabarnes9789 9 หลายเดือนก่อน

    I have the same problem, waiting to see if it works

  • @KhaikekeKiki
    @KhaikekeKiki 10 หลายเดือนก่อน

    The way that this is the only video and tutorial on the Internet that helped me. THANK YOU!

  • @jakinrogel7876
    @jakinrogel7876 10 หลายเดือนก่อน

    Great video! So amazing what Chat GPT can accomplish. I wish Webflow allowed for simple asset downloads in bulk but this will have to do. Thanks!

    • @sygnaltechnology773
      @sygnaltechnology773 10 หลายเดือนก่อน

      I believe it should be possible now through the API, but would require some careful work to manage the rate limits as most sites have quite a few assets. Also it would likely only get the asset folder and nothing stored in the CMS. developers.webflow.com/reference/get-asset

  • @dawitastatke876
    @dawitastatke876 11 หลายเดือนก่อน

    Is there a way to highlight a specific state or location on the map?

    • @sygnaltechnology773
      @sygnaltechnology773 10 หลายเดือนก่อน

      Last I checked you can add markers, including pop-up information - but you cannot highlight regions. It's likely you can do that using the Google API directly but will require programming. Check Google's Javascript Maps API

  • @benjamin_davis
    @benjamin_davis 11 หลายเดือนก่อน

    I wanted to formally thank you for all the work you do. You are such an asset to the Weblfow community with your videos and all of your contributions on the forum. You carry a heavy weight and I really appreciate it. Thank you!

  • @GregDolan
    @GregDolan 11 หลายเดือนก่อน

    Great video 👍

  • @ShondaMartin-vp1ot
    @ShondaMartin-vp1ot 11 หลายเดือนก่อน

    I need a code

  • @von_fuer_
    @von_fuer_ ปีที่แล้ว

    So it's not the same as "visibility: hidden" in CSS, right? I find this a bit confusing. I've been looking for the CSS "visibility" property in Webflow, but it seems it's not available.

    • @sygnaltechnology773
      @sygnaltechnology773 11 หลายเดือนก่อน

      They are completely unrelated. Webflow is pretty consistent in that thing under Settings have nothing to do with CSS, which is all under the Style tab. The naming similarity to the visibility CSS property is unfortunate, but maybe unavoidable.

  • @dankirk1ftp
    @dankirk1ftp ปีที่แล้ว

    This was helpful thank you!

  • @LgYt-db1dh
    @LgYt-db1dh ปีที่แล้ว

    Great tutorial! Still relevant 5 years later. Thank you

  • @Komasator
    @Komasator ปีที่แล้ว

    Thank you for your helpful video! Do you know how to style Rich Text element which belongs to the blog post?

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      Hi Komasator, you need to unbind it from the CMS to style it. In general, I create an RTE with the same class on a drafted style guide page which I use for styling. It contains all of the elements I'd use in the CMS content- list items, blockquotes, headings, etc. This makes styling easier.

  • @Lols-qk4fm
    @Lols-qk4fm ปีที่แล้ว

    This is actually really nice for a basic map I have to build now. Needed to create a way more complex though and used Dynamic Map by NCF for this a month ago!

  • @pablocortes682
    @pablocortes682 ปีที่แล้ว

    Awesome video, thanks!

  • @rk734
    @rk734 ปีที่แล้ว

    Do you know if this solution still works? I tried to update the font size of superscript and subscript text boxes and nothing changes unfortunately.

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      Yes it works fine, we still use this more often than we should need to. Watch the video closely especially the part where the style overrides are applied, I recall there's a trick to getting the webflow designer to accept a style override when it thinks it's unchanged.

  • @Patricio-x9d
    @Patricio-x9d ปีที่แล้ว

    It worked! Thanks, you're awesome.

  • @jasminesiemon8073
    @jasminesiemon8073 ปีที่แล้ว

    Thank you so much!!!! This fixed my problem. Sending it to my class attendees.

  • @valdiszhvaginsh3825
    @valdiszhvaginsh3825 ปีที่แล้ว

    Thanks!

  • @alisawatlington
    @alisawatlington ปีที่แล้ว

    Does this work for tables with links?

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      This approach does not, but there are quite a few other approaches; www.sygnal.com/courses/webflow-tables

    • @alisawatlington
      @alisawatlington ปีที่แล้ว

      @@sygnaltechnology773 thanks so much!

  • @fathom5209
    @fathom5209 ปีที่แล้ว

    I don't think the point of Visibility hidden is to allow you to retain access design elements without reverting to backups. That's what Components are for. Visibility hidden is for removing element from the DOM under various conditions - such as specific users or when an element in a component is required on a specific page - such as the log-in or sign-up button on a user's dashboard.

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      The primarily point of vis hidden was to support conditional vis on login state, and soon localization. But it's just as useful with no conditions, since it's the only way to exclude page content from the DOM without deleting it outright. We've also used components for this in the past, however that can create hundreds of components, and loses position information. For a client, managing their site, that's a pain. An example here is the covid banner notices & pop-ups. They were part of many client site-navs as a component within a component. Having to remove and re-add that was too complex for many clients, so we built intricate CMS-driven banners and popups. Overkill. Here, they just click visible/hidden, publish and done. Happier design team, and happier clients.

    • @fathom5209
      @fathom5209 ปีที่แล้ว

      @@sygnaltechnology773 I guess we agree to disagree : )

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      @@fathom5209 Absolutely, but I encourage you to use the tools in the way they most benefit you. We're currently doing a bunch of site redesigns and template grafts onto existing sites and this one little feature has been a gamechanger.

  • @zoltanzsamboki9841
    @zoltanzsamboki9841 ปีที่แล้ว

    Hey, it was amazing I would say. Do you have any experience how the lottie svg-s effect the page speed compared using embed svg-s?

  • @anastasiiakhrapal2074
    @anastasiiakhrapal2074 ปีที่แล้ว

    Thank you a lot!

  • @JeromeNzegbuna-r5m
    @JeromeNzegbuna-r5m ปีที่แล้ว

    Super thanks, this is a life saver

  • @fernandonorton1040
    @fernandonorton1040 ปีที่แล้ว

    😓 promo sm

  • @freshlesh3019754
    @freshlesh3019754 ปีที่แล้ว

    Great tutorial. Really helpful workaround

  • @jonathanbernardi4306
    @jonathanbernardi4306 2 ปีที่แล้ว

    Man, saying this is really useful, its such an understatement. Monumental even. Thanks. And you got a new sub, going to check those videos you have. Appreciated.

  • @johanmore
    @johanmore 2 ปีที่แล้ว

    Thank you for making a video on this!

  • @denniszenanywhere
    @denniszenanywhere 2 ปีที่แล้ว

    Can you do a tutorial on how to connect rich text element to a collection or template. I keep doing it and trying to get text but it’s not working. I check webflow and there’s no one who has answered that correctly.

    • @sygnaltechnology773
      @sygnaltechnology773 ปีที่แล้ว

      Hi Dennis, RTE's connect only to CMS rich text fields, you can't connect them to plain text fields. Check your field types when you encounter this problem. Also make sure your RTE is actually in a CMS bindable context, such as inside of a collection list or on a collection page.

  • @knandkumar5136
    @knandkumar5136 2 ปีที่แล้ว

    How will the game get activated?

  • @joergfrank
    @joergfrank 2 ปีที่แล้ว

    Thank for sharing :)

  • @Ryuasee
    @Ryuasee 2 ปีที่แล้ว

    Much appreciated!

  • @auroraercole3598
    @auroraercole3598 2 ปีที่แล้ว

    I am using wix to create a website and I’ve created a map on snazzymaps the way you did. When I copy to emble the code as a html it says that it doesn’t work and the map doesn’t show properly, even tho I got an api. Can someone tell me where is the problem?

    • @michaelwells969
      @michaelwells969 2 ปีที่แล้ว

      Hi Aurora, unfortunately I have no experience with Wix, or what embedding options it offers. I'd check first to make sure that it's actually generating the right code in your published HTML page. Also make sure you publish first, most platforms won't show embedded code while you're in the designer environment ( because it can interfere ). If you're seeing the code properly, than it's something to do with your API key. Perhaps it needs to be configured for maps, or given permission on the right domain names for access. Google docs will help you there.

  • @CharlesMeriot
    @CharlesMeriot 2 ปีที่แล้ว

    Great job thanks so much!

  • @pixelpearl4431
    @pixelpearl4431 3 ปีที่แล้ว

    Shows up as a really small image on my website. How can I change the size? Can't seem to get it working through Webflow so I assume that the height and width would have to be changed via the code.

  • @ODH3
    @ODH3 3 ปีที่แล้ว

    Thanks! I've been using Webflow for years and I had no idea they added this embed feature.

    • @sygnaltechnology773
      @sygnaltechnology773 3 ปีที่แล้ว

      Yes, they snuck that EMBED-in-richtext widget rather quietly, I first noticed it about a year ago. Handy little feature though, for handling those edge cases where you need to display something that doesn't fit into the regular richtext element types. Thanks for reminding me of this, I'd been wanting to expand this and add it to Webflow Utils.

  • @kevinbaier9082
    @kevinbaier9082 3 ปีที่แล้ว

    Great tutorial, thank you. Such simple answers, exactly what I was looking for!

  • @theartofwarren
    @theartofwarren 3 ปีที่แล้ว

    Great demonstration--thanks!

  • @laineemily
    @laineemily 3 ปีที่แล้ว

    This was amazing!! So helpful and clear. Would love to see an updated version of this for GA4.

  • @Bonakaren
    @Bonakaren 3 ปีที่แล้ว

    Thank you! Very helpful tutorial. Do you know what is the limit for markers? can I add more than 100? My current project has 136 locations

    • @sygnaltechnology773
      @sygnaltechnology773 3 ปีที่แล้ว

      I'm not sure of the limit but what you're describing sounds more suitable for a dynamic map, fed from a CMS collection. You'd have a lot more control that way.

  • @sugartraders
    @sugartraders 3 ปีที่แล้ว

    Thank you soooooooooooooo much! Really most helpful indeed. I am indebted to you.

  • @goodseekerinc.633
    @goodseekerinc.633 3 ปีที่แล้ว

    Don't think this helps with SEO though. A lot of my tables have great content for indexing.

    • @sygnaltechnology773
      @sygnaltechnology773 3 ปีที่แล้ว

      In fact, text inside of images is part of your SEO. However I'd personally prefer HTML content if SEO was a critical factor. For more on Google's OCR capabilities look here. cognitiveseo.com/blog/5909/did-google-read-text-image-can-affect-my-rankings/

  • @inteligenciaurbana2497
    @inteligenciaurbana2497 3 ปีที่แล้ว

    A question: any page needs to have only one json+ld object (limited to one, i mean), or can have more than one (one for each section for example)?

    • @sygnaltechnology773
      @sygnaltechnology773 3 ปีที่แล้ว

      In our experience multiple blocks are fine, so you can embed the JSON+LD output directly into eg an events collection you're emitting into the page.