Wizardry Technique Converter

Lumos Extension for Webflow

This extension is built to be used on Webflow.com. It provides shortcuts for working faster in Webflow. V1 of the extension generously developed by https://www.fri3nds.com/ • Fast Class Naming Pressing the right arrow key in the class selector field returns the class name of the nearest parent that has a component class (class containing underscores). • Style The Base Class Press shift key & up arrow key to select the base class. Press shift key & down arrow key to return to all classes. • PX to REM Type a number into any style panel field and press the space bar. The number will be divided by 16 and the rem unit will be attached to the end. • PX to % Divide the width of any element by the width of its parent to get a percent width. Example: type 562/1440 into any style panel field and press the space bar. 562 will be divided by 1440. The result will be multiplied by 100, and a % unit will be attached to the end. • Automatically wrap any --variable-name in var() and any math in calc() Example: type --grid-gap / 2 in any custom property value field and press the tab key. It will be converted to calc(var(--grid-gap) / 2) • Automatically wrap any --variable-name in color-mix() for transparency Example: type --theme--text%60 in any custom property value field and press the tab key. It will be converted to color-mix(in srgb, var(--theme--text) 60%, transparent) • Automatic data attribute buttons on component fields Add any embeds containing data attributes inside one div with the class of “page_code_wrap”. Apply those attributes to any element and link their value to a component field. The component field name should include the attribute name. Buttons will be automatically created for each attribute value in the embed. Learn about the Lumos Framework at https://lumos.timothyricks.com/

My sites in Webflow

Open your Webflow sites faster: Designer, Settings or Preview. When you open your Webflow Dashboard, your current sites are saved locally to your browser. You can then access them faster (the Designer, Settings or Preview) when you open the popup window of this extension. NOTE: Extension is developed independently, and is not officially endorsed by Webflow, Inc.

ViDesigns Extension for Webflow

Create, share and upload Webflow components from the Webflow Designer Access your backups on any device with the same Google Account using Chrome Sync Storage!💪🏽 Enjoy all these fantastic features: 💜 Create and store components to expedite page creation. 🔎 Seamlessly search for components, saving you valuable time. 🚚 Export and share components with anyone for collaborative work. 🔺 Upload components effortlessly, expanding your library. 🗂 Folders - Organize your components for better accessibility. ⚙️ Backups - Never lose your components again. Automatic backups are taken once every week. Exciting upcoming features on the horizon: ⭐️ Favourites - Mark your go-to components for quick access. 🔗 Link components to code for a streamlined development process.

Sneaps

Sneaps extension for Webflow Sneaps is an extension that helps Webflow developers have better technical SEO.With Sneaps, it is easy to identify areas for SEO improvement and take action to boost site's rankings. With Sneaps you can audit the following items : - indexing of the staging domain - status of the sitemap.xml file - status of the robots.txt file - status of your minified file - add true rich text inside the collections with tables, codes, inline colors - and many more