β β π, β
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
You may recall that the original Slater had access controls for projects and files. We didn't want just anyone going in there and rewriting our Javascript. However, managing access for teammates became cumbersome (I even added a "god mode" to give myself access to any project or file). Since we generally trusted each other and never had issues, we decided to leave it out of the latest version of Slater. That said, we understand that some teams work differently, and maintaining control can be...
We're going to take a brief break from the regular newsletter format to celebrate the release of ask.edgarallan.com. Today, let's hear from Mason Poe, the Founder of Edgar Allan and Slater. I'm thrilled to announce the launch of ask.edgarallan.com and the start of a new conversation. We can all feel it: the web is changing in ways that seem both dramatic and, in a weird way, imperceptible. At times, itβs hard to know where to start exploring what could be next. Sometimes, when you think...
Our new Edgar Allan website, which we're launching next week π€«, uses over 3,000 lines of code. Itβs a bit unwieldy! To better support the new EA website and similar JavaScript-heavy projects, weβve added slater_import. This feature allows you to write a function once and then reuse it across all the files in your project. You can see how to use it here. β¬οΈ Not ready to watch the video? No problem. To import a file, simply start typing the name of the file you want to import and click on the...