NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

WEBIX JAVASCRIPT LIBRARY BLOG

UI development best practices, front-end programming tips and news to speed up your Web development.

Follow us:

Write for us: learn about our guest posts guidelines.

2022 Webix achievements!

Our amazing Webix team worked hard this year to improve the library, pay attention to client feedback and come up with new tools. And we are very pleased that our work is being recognized by the experts. Here are this year’s Webix achievements!


Creating a Budget Tracker App with Webix UI

In the midst of a busy schedule, you might wonder where all your money went. Tracing all your expenses can be a bit tricky. Usually there are some expenses that you might forget when making a budget, such as irregular bills, special days like Christmas or any parties. It is a good practice to write down every purchase to see a bigger picture of your expenses. And here come the budget tracker apps. From regular groceries to irregular nights out, such apps make budgeting easy.

Today I am going to show you how to create a simple budget tracker app with Webix UI.

You can find the full source code and a live demo here.

banner for the article

Webix 10.0: Desktop and ToDo widgets, new skins, baseline for Gantt

This year, Christmas came early for all Webix fans around the world. The Webix team is proud to present to you Webix 10.0. We put our all into work this summer and fall to give you the most breathtaking update of the year. The anniversary version of our library includes:

  • not one, but two new complex Widgets – Desktop and ToDo
  • two new skins
  • baselines for Gantt
  • and many more.

Read on if you want to know the details about all exciting features and updates.

Building a Weather App with Webix UI

Sir Ranulph Fiennes, a British explorer and writer, once said: “There’s no such thing as bad weather, only inappropriate clothing.” You may, of course, check the window to see if you need to put on a raincoat. But this is a bit old-fashioned, isn’t it? Today there are a lot of modern weather apps. They allow you to decide quickly and easily whether to take an umbrella with you in the morning or not.

Today, I’ll show you how to create a weather app with Webix components. You will be able to gather details about the weather in your city in one place. With just a quick glance, you can spot the temperature, humidity, wind speed, and UV index. A closer look will reveal the meteorological conditions, daily temperature range, and air pressure.

This app provides an excellent opportunity to show you a couple of our PRO widgets. Webix Pro offers a variety of HTML5 web widgets that are not included in Webix Standard. They all have their own distinct features and enhanced functionality. Our weather app is also an example on how to integrate a Google map into an app. If you are interested to learn more about such an app, keep on reading.

You can find a live demo here.

1 3 4 5 6 7 64