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!
video preview

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...

photo

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...

video preview

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. 🅰...