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 by their profile image. Nowadays, an avatar can be just about anything, including the initials of the name, a generated sketch like GitHub or a person’s portrait.

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. ...

Smart-accordion, a saving place solution for your website

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. Have you ever wondered why it is called an “Accordion” element? The answer is simple, both the ...

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 ...

Wired Elements, a set of hand-drawn UI elements, part 3 (textarea, slider, tooltip, radio & toggle)

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. This blog post is the final part of the series “Wired Elements collection.” In this part, we are ...