Documenting code, one commit at a time.
When working with HTML5 canvas and libraries like html2canvas for rendering web content into images, unexpected rendering issues can arise. One common problem is incorrect vertical text centering, particularly when dealing with text overlays. This post explores a fix for this issue by explicitly setting the line height for text elements before rendering.
The Breniapp project focuses on providing innovative solutions. Recent development efforts have centered on improving the carousel feature, addressing formatting issues, data capture, and download capabilities.
The latest updates to the carousel functionality in Breniapp include several key improvements:
The carousel now dynamically adjusts
In the Breniapp project, we encountered an issue where html2canvas was misrendering flexbox alignments, specifically items-center and items-end. This resulted in text overlays appearing shifted during the capture process. To address this, we implemented a strategy to temporarily convert flex wrappers to absolute-positioned elements before the capture and then restore them
When building user onboarding flows, visual consistency and attention to detail can significantly impact the user experience. Even small UI tweaks can make a big difference in how polished and professional your application feels. Recent work on the onboarding flow in the brenia project focused on addressing several such details.
One area of focus was the
En Breniapp, estamos continuamente iterando para ofrecer una mejor experiencia a nuestros usuarios. Recientemente, hemos estado trabajando en la fase 3 de la sección "Lovable" de la herramienta, enfocándonos en mejorar el constructor de campañas.
Este post detalla las nuevas funcionalidades que hemos incorporado, las decisiones técnicas detrás de ellas y cómo contribuyen a una
In the latest iteration of Breniapp, we've focused on enhancing the user interface (UI) to improve navigation, clarity, and overall experience. These changes aim to make the application more intuitive and efficient for users.
The primary navigation has been reordered to reflect a more logical workflow.
En el proyecto landing, nos encontramos constantemente optimizando la experiencia del usuario y la eficiencia del código. Recientemente, identificamos un método que, aunque bien intencionado, estaba impactando negativamente el rendimiento y la usabilidad de los selectores: getOptionLabelsUsing().
El método getOptionLabelsUsing() tenía la función de precargar y mostrar las
