Search
Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic.
Using the shadow DOM is common when creating custom elements, but there’s...
Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM
6.3.2019
Chapter names in books, quotes from a speech, keywords in an article, stats on a report — these are all types of content that could be helpful to isolate and turn into a high-level summary of what's important.
For example, have you seen the way Business Insider provides an article's key points...
An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components
30.1.2019
As much as I like frameworks, I'm also a big fan of the native web platform, especially web components.
I look forward to the times when the implementation will be powerful eno
WDRL — Edition 253: Welcome back to a new year with Jank-Free Images, Styled Web Components, Human Branding and Code-Splitting
11.1.2019
Hey,
I’m happy to be back with a new edition of my Web Development Reading List in 2019. I’m grateful for all your ongoing givings to support my work and it makes me happy to hear that so many people find this resource very helpful. So if you enjoy reading it, share it with people you know, give...
Styling a Web Component
8.1.2019
This confused me for a bit here so I'm writing it out while it's fresh in mind. Just because you're using a web component doesn't mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this:
See...
Google Labs Web Components
10.12.2018
I think it's kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that's compatible with entirely web standards.
Here's one: <two-up>
I wanted to give it a try, so I linked...
Collective #469
19.11.2018
Braces to Pixels * Statusfy * Stack * Arare * The Power of Web Components * Bruck * autoComplete.js * Degreeless.design
Collective #469 was written by Pedro Botelho and published on Codrops
Collective #424
14.6.2018
Generative artistry * Gifdancer * Sonar * Polly.js * CSS Micro Reset * Gradient Joy * Making Web Components Work
Collective #424 was written by Pedro Botelho and published on Codrops
Script & Style Show: Episode 11: Ionic Framework with Max Lynch
1.6.2018
In this episode: David blames his wife for getting sick and missing last week’s show, Todd’s got a new Jeep, and David then blames his wife for not letting him have a Jeep. Oh, and Max Lynch of Ionic Framework fame stops by to talk about Ionic, Stencil, Web Components, the state...