Tag: web components

Learn what web components are and how to use them without a JS framework. This article shows you an approach that relies on custom elements.

Web apps don't require a JS framework! Learn how to build a feature-rich, lightweight and dependency-free web app with web components and observables.

Almir Bijedic demonstrates how to use the Polymer library to create a custom Google Maps component and embed it into a WordPress site as a handy widget.

Artem Tabalin demonstrates how to make web components more accessible via ARIA attributes, keyboard support and validating their visual accessibility.

David Berner explores how to create reusable, Responsive Web Components that can adapt and change inside responsive web designs.

Artem Tabalin explains how to create a multiselect component as a Web Component.

Pankaj Parashar introduces Microsoft's X-Tag JavaScript library to enable Web Components, using the example of a Google Map custom element.

Lamin Sanneh looks at how routable components are replacing controllers and views in Ember 2 and how they allow us to write encapsulated and reusable code.

Pankaj Parashar builds on knowledge from his previous articles to show us how to build a credit card payment form using custom elements and Polymer.

Vinay Raghu talks about the difference between UI kits and CSS frameworks and how frameworks should be chosen if your development is component-based.

This article demonstrates how the Sokoban game can be created using the Polymer library.

Armando Roggio introduces HTML Imports, part of the Web Components spec, showing us how useful this feature will be in keeping code DRY and maintainable.

Pankaj Parashar introduces the new W3C specs for Web Components, and shows us how we can start using its features with the Polymer library created by Google.

This article explores how to create client applications based on web components.

em units in css are a powerful feature to have in your toolbox. This post introduces how they work with a practical use-case in the form of a demo.

This post demonstrates how we can build a modular, reusable, DRY Sass component using a number of different Sass features.