August 19, 2023

Animating a Side Drawer in Phoenix LiveView using JavaScript

272

clicks

Animating a Side Drawer in Phoenix LiveView using JavaScript

Source: peterullrich.com

Peter Ullrich, a Senior Elixir developer, shares insights into creating a side drawer with animations in Phoenix LiveView, one of Elixir's prominent web frameworks. The post covers the initial setup without animations, followed by the integration of transitions for a smoother user experience. Ullrich demonstrates this process by revealing the Elixir code and CSS required, focusing on making the transition seamless between the drawer being shown and hidden. He also offers helper functions for better code organization and provides a toggle function for a single button that manages the state of the drawer. The article is supplemented with GIFs to showcase the animations and concludes with suggestions for further learning materials on Phoenix LiveView.

Continue reading

Related posts

Explanation of syntax for calling anonymous functions in Elixir

In this article by José Valim, he explains why Elixir uses a dot when calling anonymous functions. The main reason for this choice is because functions in Elixir have to be identified by name and arity, and using the dot helps avoid naming conflicts and provides clarity in the code.

Aug 14, 2023

Insights into Elixir's Machine Learning Libraries

Andres C Alejos provides an introduction to machine learning in Elixir and offers a glossary of libraries in the Elixir machine learning ecosystem. He covers libraries such as Elixir-Nx, Axon, Bumblebee, Scholar, Explorer, Scidata, EXGBoost, Ortex, Livebook, and more, highlighting their functionalities and similarities to popular Python libraries.

Aug 17, 2023

Exploring OpenAI's API through Elixir for Scheduling Tasks

Jason Pollentier explores the use of OpenAI's Functions API to create an "Agent" that interacts with a calendar service. By emulating a portion of the API, he demonstrates how the model can accurately respond to prompts and perform tasks such as retrieving schedules and scheduling events.

Aug 15, 2023

© HashMerge 2024