โ โ ๐, โ
In regards to #1, we prioritize updates based on your feedback, so if you want something, let us know. And #2, we love seeing what you're working! We'll continue to showcase your projects in this email and use them to help prioritize features and content. โ Recent UpdatesThis week, we made several updates based on feedback from Kevin, Pablo, Leon, and others. Most of the updates are quality-of-life improvements, but one stands out: you can now define the load order based on file names. Global files are loaded first, followed by files scoped to Webflow pages. Within these categories, you can define the order based on the file name, A -> Z. *We may add drag-and-drop sorting if you find this feature useful. With this update, you can ensure your helper file loads first and use helper functions in any of your other files. For example:
To share your ideas and projects, reply to this email or catch us on Twitter. โ Javascript 101: SPAs & WebflowSPA or Single Page Apps are all the rage these days. You can't build a SPA with Webflow but you can create something that feels a lot like a SPA. To accomplish this, let's looks at the 1. Load Content from a Page using jQuery You can use jQuery's
In the above example, the content from the 2. Update the Browser URL To create the illusion of navigating to a different page, you can use the
Here, You can combine these two techniques to create a pseudo-SPA experience in Webflow:
In this example, clicking on a navigation link with the class ๐คซ We're using this code and a lot of AI to build the next version of edgarallan.com. Hopefully, it comes in handy for you as well. โ Your projects, supported by SlaterScott built some incredible chart experience with GSAP. Take a look!
โ Happy coding! ๐ค the Slater Team โ If Slater helps you create better websites, please support the team behind it.
|
Slater resources, updates and community activity
How has your Webflow Conf 2024 experience been? At Edgar Allan, we are especially excited about Webflow Analyze and Optimize and how we can leverage it for our clients and with Wes. However, at Slater, we are most excited about the GSAP acquisition. Weโve been thinking about how we can better support you as you integrate GSAP and Webflow. Letโs explore how you can use Slater with GSAP: Slater Sessions - GSAP + Webflow via Chat with Witt Learn GSAP for Webflow with Aron Korenblit and Cassie...
Do you get confused when undoing (cmd + z) in Slater? We auto-format your code on save. The auto-formatting updates your code, and those updates get pushed into the undo stack. You can now improve your workflow by formatting the code when you chooseโnot just on save. To gain more control over when your code formats: Turn off auto-format code in the Code Editor Settings Use cmd + shift + f to format your code We added a handful of other improvements: Console logs and debuggers are now...
Last week, we announced that CSS updates were on the wayโand now they're here! You can now generate CSS files just as quickly and easily as JS files. In the video below, we give a quick demo of the new functionality. If you have a Smart Script loaded in your project, you can instantly add CSS. In the demo, we also show how to add CSS in the Webflow designer. Give it a try and let us know what you're building! Community Library ๐๏ธ Text Highlight ColorCSS code for custom text selection. ๐ ฐ...