Web Components are a collection of web standards that allow developers to create reusable custom elements that are easily shareable and have styles/behaviors built into them using the basic building blocks of the web: HTML, CSS, and JavaScript. Wouldn't it be great to reclaim that sense of wonder in our code and have the experience of grabbing some HTML elements to create stylish, interactive pages quickly? With the rise of a couple of new W3C specs this type of magical workflow is possible. Today it seems nonsensical to publish something on the web without some CSS style and a little Javascript sparkle. html, and pulling it up in your favorite browser? That moment of seeing, for the first time, your digital creation coming to life! Sure, it was just "Hello world!" text, but YOU created that text and put it on the web for everyone to see.
#Office web components 2016 how to
Creating custom elements with styles and behaviors "baked in" seems like a dream, but with new W3C specs it's actually a reality! Let's dig into how to create web components and use them in the back office or frontend of our projects.ĭo you remember the first time you Googled how to create an HTML page? Do you recall the moment of copying and pasting a or an from, pasting it into notepad, saving it as.