We have a website! 🚀


Hey Slater Squad 👋

For Slater Roundup 19, we have:

  • Website Launch!
  • Slater Product Updates
  • JS Timing Function Office Hour
  • Ailín Tobim Spotlight Session
  • JP Dionisio Spotlight Session next week!

Slater Website Launch!

Hugely excited to release the Slater website.

We’re so early in our journey and we’re honoured that so many of the Webflow community want to be part of Slater's very early days.

Thanks for all the feedback so far and to every single one of you who has tweeted, slack messaged and shared Slater. You’re involvement is essential for us to make the product as good as it can be!

What’s next? To name just a few things:

  • Library feature
  • JS education
  • Bigger and better competitions

We’re just getting warmed up!

Pumped to move forward together 🙏


Snapshot, Switch Controls, Line Wrapping, Library

video preview

Snapshot

Biggest update is snapshot functionality. Now, you can save a page by creating a snapshot.

Once that snapshot is created, you can reference that code if you've gone further with coding. If you're running into an issue and you want to come back, and then you can just click this restore code button.

Now that code is restored!

It's really lightweight and easy to work with.

Switch controls

The other big thing is we have some controls over your AI.

So now you can use GPT Four if you turn the toggle on in the top right of the UI.

Show code only if you turn that off and I say write fetch request, it's going to tell me all about it.

You'll notice there's a bunch of explanation that the AI is giving me about this chunk of code.

If you are more advanced and are just kind of skipping over this and don't want that. You can now turn this on to show only code.

And now when I say write fetch request, it's just going to give me the code that it writes.

As a result, code comes back quicker and if you're not reading this anyway, then it gives you more real estate and everything's better that way.

Library

Another big update is the library.

This library will let you create your own snippets and then it's available so then you can drag it in.

There's all sorts of code that you use all the time and so this allows you to have your own library.

We pulled back the functionality a little bit as far as sharing your library, but that's coming soon.

So we want to do a code snippet marketplace where you'll be able to find a solution that somebody else wrote and pull it into your project.

Code Wrapping

One of the things that came up as well was code wrapping.

So in the past, it just would keep going to the right, but now we have code wrapping.

And so you'll notice this gets pushed down a little bit.

Currently, code wrapping is for everybody. We will soon allow you to configure your editor.


JS Timing Problems Session

video preview

We learnt about hoisting, cascading style sheets and Webflow's API.

Oh, and Jared helped Matt J with Phil's Firewood website


Ailín Tobim Spotlight Session

video preview

Ailín taught us how he's using Slater to organise his custom code, why he uses attributes rather than class identifiers and some of his favourite features.

Also, see his Webflow multireference field work around here...


JP Dionisio Spotlight Session Next Week!

JP is a ninja. You have probably seen his award winning work in the Slater challenges that are just off the chain.

But how does he do it? How did he acquire this level of Webflow ninjaness? And what is he building in Slater to slay as hard as he is?

​We'll dig in to all this and more. See you then!

That's all for this week folks!

See you soon,

Slater Team



1295 Canyon View Rd, Midway, UT 84049
Unsubscribe · Preferences

Welcome To Slater!

Slater resources, updates and community activity

Read more from Welcome To Slater!

We're back from a company-wide summer pause (or winter pause for our Southern Hemisphere team members). Edgar Allan is hitting it's numbers! Let's look at some new Community Library scripts: 👀 Dynamically loads HTML content based on a random number. This is a quick script we wrote to give a dynamic intro into a soon-to-be-released https://edgarallan.com. https://slater.app/community_library/random-content-aee7f7f2-3ab8-4e6f-887e-ea54cad0ebbf From Jared Malan ✍️ Create a variable for your...

We're rolling into a holiday week in the US. If you need an animated American flag to celebrate, look no further. But! We have users from all over the world. For those outside of the US, try updating the code to make an animated flag of your country (hint: use AI). If you make one, please share. We'll get it added to the Community Library. 🇺🇸 Render and animate an American flag on a canvas with dynamic waving effects....

We're adding new community library scripts each week. Let's take a look at some of them. 👾 An interactive swarm Create a dynamic grid of squares that react to mouse movement, simulating a swarm-like effect (is it a swarm?). This code is the scaled back version of something we did for a client. We'll show you the finished experience once that projects launches. Play with the example: https://slater-original.webflow.io/swarm Review the code:...