Building a resize feature for toddle in toddle
Try toddle here 👉 https://toddle.dev/signup?utm_medium=...
Watch toddle CEO Andreas Møller build a new toddle editor feature live on cam in toddle!
0:00 - Introduction to Building a Resize Feature in Totle
0:54 - Starting the Development: Creating a New Branch
1:36 - Exploring Existing Resize Functionality for Adaptation
2:14 - Inspecting the Resizer Component and Understanding Its Mechanics
3:20 - Diving Deeper into the Resizer's Functionality and Logic
4:49 - Enhancing UI Components and Understanding Layering in CSS
6:10 - Implementing and Testing the Resizer's Dynamic Behavior
7:58 - Adjusting Panel Width with New Resizing Logic
10:00 - Demonstrating Aggressive Dragging and Its Effects
12:03 - Adapting the Resizer for the Right Panel: Conceptual Changes
14:01 - Deciding Between Modifying or Duplicating Components for Flexibility
16:02 - Implementing the 'Right' Attribute for the Resizer
19:17 - Styling Adjustments for Right-Side Resizing
22:20 - Testing the New Resizer in the Project Sidebar
25:08 - Discussing the Logic Behind Variable Placement in the Editor Page
28:02 - Setting Up the Right Panel Resizer with Correct Attributes
31:01 - Final Adjustments and Ensuring All Panels Resize Correctly
34:01 - Live Testing of the Resizer in Various Panels
37:12 - Fixing Hardcoded Widths in Data and Text Panels
40:01 - Final Review and Adjustments to Ensure Consistency Across Panels
42:10 - Conclusion and Overview of Changes Made
🌎 Visit https://toddle.dev
🐦 Follow / toddledev
💬 Join / discord
What is toddle? 🤷♀️
toddle is an open-source visual development platform for professional dev teams. It's built on battle-proven concepts from major code frameworks like Angular, Vue, and React, with the same capabilities and performance.
Feature highlights:
✨ Open-source (coming 2025)
✨ Access to any database and API
✨ SSR out of the box
✨ Built-in Git-style branching and merging
✨ Export and embed web components
✨ Customise every single pixel
✨ Community packages
... toddle is a new way to build software, and it's fast.
We no longer code — we use toddle to build toddle 🤯
Смотрите видео Building a resize feature for toddle in toddle онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь toddle 09 Октябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 390 раз и оно понравилось 16 людям.