👋, You probably know that the team at Edgar Allan is behind Slater. But did you know that we work on other products in between our client work? You use Slater. You may have heard about Wes. And you probably don't know about our latest product, Figdam.
Do you know what a DAM is? a Digital Asset Manager? We are building one. Figdam helps users manage all of their images in one place, in Figma. If an image needs to be updated, swap it out in Figma, and it will be updated across the web. Figdam also supports image manipulation and analytics. It can even generate a PDF from a series of images or Figma frames. Demo coming next week! Javascript 101: JS & the File APILet's continue our focus on images and discuss the File API. We can write code to preview the image before the user uploads it.
Here's an example of how you can work with the File API to display an image before file upload:
In this example:
This code will display the image on the webpage without any manipulation. If you want to perform any image manipulation, you can add that logic inside the second Note that the Your projects, supported by SlaterDennis Snellenberg created this GSAP digital experience. Amazing! Go check it out at str8fire.io. Are you working on something worth sharing? Please share! 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. 🅰...