Polymer 3 templates and the modernization to LitElement

There are a lot of reasons to be excited about the new Vaadin client-side model based on LitElement that was introduced in Vaadin 15 and is now being ported to the newest Vaadin 14 version. Some of the reasons include: the ability to develop with TypeScript, the collection of faster and lighter-weight components, the implicit binding between browser and server, and having access to the most up-to-date developments from the Chrome developer team behind LitElement.

Future of HTML templates in Vaadin

Late last year, we announced that we are gradually moving away from Google's Polymer JavaScript library in favor of the far more lightweight and performant LitElement library. The next LTS, which is currently targeted for the latter half of 2021, will make Polymer optional for HTML templates. Using ...

Best Web Components For Making Avatars

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. "A picture is worth ten thousand words", although you should not always be so quick to judge people ...

Get the weather forecast in your webapp with this web component, paper-weather

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. When satellites came in action, they helped human in many modern technologies, such as broadcasting ...

Four Web Components that can handle your toast notifications with ease

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Toast notifications, pop-up notifications, bubbling messages or toasters! You get them everyday, ...

A powerful web component that lets you edit JSON in browser

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Let’s praise it once more, JSON is the best invention as a replacement for XML. The format is ...

Lazy loading images with Web Components

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Talking about web design trends in 2018, there are several keywords that come to my mind: mobile ...

Top 6 drop-down UI web components

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. Two “blogs” ago, I introduced some wonderful drop-down components with useful ready-to-use data. ...

Dropdown components with ready-to-use data

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. The dropdown menu is a wonderful UI element. It allows us to compact a massive number of choices in ...

Making your viewers waiting time feel shorter using these web components

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. As web developers, we concern so much about how to load and show content faster on the website. We ...