Vaadin Blog
.png)
Built with Vaadin: Navigating changing electricity prices in Finland with Liukuri
Liukuri is a web app visualizing the current electricity prices and sources inspired by exceptionally high electricity prices in 2022. In addition, it also features an electricity cost calculator with which you can determine how much your electricity consumption in Finland has cost based on actual ...
Tackling blocking dialogs in web applications with Vaadin
A blocking dialog is a dialog that blocks the code execution until an answer is obtained from the user. They can be a major hindrance to a seamless user experience in web applications. Imagine being engrossed in a task, only to be interrupted by a modal dialog that demands attention and halts your ...
SQACE – The low-code data platform for business and IT built with Vaadin
SQACE is built with Vaadin Flow V24 and Vaadin Charts. The utilization of Vaadin has led to improved efficiency, enabling the team at FINARIS to develop faster with reduced overhead. Continue reading to discover more about the project. The company: A partner of the financial world SQACE is a ...
.png)
Push Notifications: A real-world example with electricity prices
Web Push Notifications, also known as the Web Push API, are a service provided by browser vendors that enable web apps to display operating system notifications to end users, even when the browser window or installed app is closed. While this feature has been available for desktop browsers and ...
5 tips for optimizing memory usage in your Vaadin application
In my recent blog post, where I showed you how to estimate or measure the memory consumption of your Java application, I promised to provide some simple tips for optimizing your application’s memory usage. Some of the following tips are Vaadin-specific, while others are applicable to JVM services ...
Adding speech recognition to Vaadin apps
Our previous blog post added wake word detection for a Vaadin application using Picovoice. That is a robust in-browser approach to creating always-listening apps. You might want to use that for full speech recognition, but the draft standard web speech API also provides a way to voice-enable ...
Setting up Tailwind CSS in a Hilla project
Hilla uses the Vaadin Lumo design system that comes with a set of simple of utility classes for common styling tasks. If you need more advanced functionality, like support for responsive layouts, you can easily switch to using the more comprehensive Tailwind CSS library. Here are the steps to set ...
Always-Listening Voice Commands for Vaadin web applications
Make your Vaadin web application more user-friendly and accessible with always-listening voice commands! With this quick 15-minute tutorial, you can integrate voice commands like "Alexa," "Hey Siri," and "Computer" into your application using the Picovoice Porcupine Wake Word Engine. Create a ...
.png)
How to build a ChatGPT assistant for your documentation
ChatGPT can be a helpful tool for development and learning. But only if it knows about the technology you're using. The problem with ChatGPT and many other Large Language Models (LLMs) is that they are only trained on data up to a certain date. Tools like Bing, Bard, and ChatGPT plugins allow ...