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

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

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

Wired Elements, a set of hand-drawn UI elements, part 2 (listbox, icon-button, input & progress)

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. In part 2, we shall unveil another part of the collection, which contains wired-listbox, ...

Wired Elements, a set of hand-drawn UI elements, part 1 (button, checkbox, combo & card)

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 Wired Elements collection, from the team wiredjs, has a big reputation amongst web component UI ...