Smarter Webflow Variables: Algorithmic Workflows Made Easy

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии • 24

  • @connorfinlayson
    @connorfinlayson Месяц назад +1

    nice bae

  • @johnschnell5859
    @johnschnell5859 Месяц назад +1

    Very cool. I've been working on building a comprehensive LIST of variables for the past couple of days. I was dreading the amount of typing I was going to have to do to implement it. This simplifies things greatly. I just purchased it. Thanks for this tool.

    • @webbae
      @webbae  28 дней назад

      Thank you John - I appreciate the support!

  • @chris_bytes
    @chris_bytes Месяц назад +1

    love the color contrast checker :) soooooooo helpful

  • @iTubeFF
    @iTubeFF Месяц назад +1

    This is so cool! Especially the color thing. Thank you!!

    • @webbae
      @webbae  Месяц назад +1

      I had so much fun building that one though it was also very challenging

    • @iTubeFF
      @iTubeFF 19 дней назад +1

      @@webbae Hey! But I can't give the color app a hex, like I want 4 to be #00BE00, and let it calculate the palette from there?

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

      @ you can convert that hex to HSL using an online converter and use those values to generate your palette!

    • @iTubeFF
      @iTubeFF 14 дней назад

      @@webbae Not sure if you got what I was asking ... I was trying to say that I would love to enter a color value kind of in the middle of the range in order to set my base color. I can enter Text Color Dark and Light (10 and 1), but I can't enter a specific color value let's say at 4 or 5, and have the palette generate from there, right?

  • @carloking2163
    @carloking2163 Месяц назад +1

    Niiiiice. Adding variables into webflow can be tedious as all heck!

  • @rmo4762
    @rmo4762 Месяц назад +1

    Very cool solution! Thank you!

  • @mucmuc3849
    @mucmuc3849 Месяц назад +1

    Perfect!! Thanks!

  • @ozordiprince9405
    @ozordiprince9405 Месяц назад +1

    Let’s go can’t wait to integrate this into my projects

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

      thanks! I had a lot of fun building this one.

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

      @ even outside webflow. An alternative use case would be exporting the css variables from the page and parsing it as JSON. Then using that JSON data in lots of other places like react native or flutter projects

  • @flexagency
    @flexagency Месяц назад +1

    Great stuff! Something Webflow really missed 🎉😊

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

      thank you!

  • @noahlynaugh5025
    @noahlynaugh5025 Месяц назад +1

    Have you ever made an SPA with webflow + a framework or JS library?

    • @webbae
      @webbae  Месяц назад +1

      Not quite. Usually MPA for me if it's using Webflow.

  • @ilikemangoandgelatin
    @ilikemangoandgelatin Месяц назад +1

    LFG

  • @timdaff
    @timdaff Месяц назад +1

    Also love using HSL when I want the same hue, so much easier than RGB/others.
    Impressed how fast it is when you save styles to canvas + awesome idea to create styles in same action!
    I dunno how much I will use the colour tool to generate variables, to be honest, I generally do I my colour work in Figma, but interested to see how the Figma sync works. However, I love the ALLY contrast checks - This is awesome and probably the main benefit for me!
    Interested to hear how the nag-wear goes, maybe I should start nagging on my apps too 🤣

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

      Thanks for the thoughtful review Tim! You freaking rock! Yea I imagine a lot of this work is usually done in Figma but some of us out here just bypass that step altogether. Why should Figma get all the fancy tools!! haha.
      Thanks again for having a look.