Search

Nalezeno "web components": 64

Quick Hit #16

5.9.2024
“Never, ever hire for JavaScript framework skills. Instead, interview and hire only for fundamentals like web standards, accessibility, modern CSS, semantic HTML, and Web Components.” — Alex Russell… Quick Hit #16 originally published on CSS-Tricks, which is part of...

Introducing <shelly-wc>

28.8.2024
I created a little library at work to make those “skeleton screens” that I’m not sure anyone likes. [&#8230;] We named it skellyCSS because… skeletons and CSS, I guess. We still aren’t even really using it very much, but it &#8230; Introducing &lt;shelly-wc&gt; originally published...

Quick Hit #12

23.8.2024
Giant kudos to Scott Jehl on releasing his new Web Components De-Mystified online course! Eight full hours of training from one of the best in the business.&#8230; Quick Hit #12 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

Callbacks on Web Components?

22.8.2024
A gem from Chris Ferdinandi that details how to use custom events to hook into Web Components. More importantly, Chris dutifully explains why custom events are a better fit than, say, callback functions. With a typical JavaScript library, you pass &#8230; Callbacks on Web Components? originally...

Smashing Hour With Dave Rupert

30.7.2024
Smashing Magazine invited me to sit down for a one-on-one with &#8220;Uncle&#8221; Dave Rupert to discuss web components, yes, but also check in on Dave&#8217;s new Microsoft gig and what the ShopTalk co-host is working on these days. I first &#8230; Smashing Hour With Dave Rupert originally...

An Approach to Lazy Loading Custom Elements

13.2.2023
We&#8217;re fans of Custom Elements around here. Their design makes them particularly amenable to lazy loading, which can be a boon for performance. Inspired by a colleague&#8217;s experiments, I recently set about writing a simple auto-loader: Whenever a custom &#8230; An Approach to Lazy Loading...

Using Web Components With Next (or Any SSR Framework)

5.10.2022
In my previous post we looked at Shoelace, which is a component library with a full suite of UX components that are beautiful, accessible, and — perhaps unexpectedly — built with Web Components. This means they can be used &#8230; Using Web Components With Next (or Any SSR Framework) originally...

Introducing Shoelace, a Framework-Independent Component-Based UX Library

4.10.2022
This is a post about Shoelace, a component library by Cory LaViska, but with a twist. It defines all your standard UX components: tabs, modals, accordions, auto-completes, and much, much more. They look beautiful out of the &#8230; Introducing Shoelace, a Framework-Independent Component-Based...

Collective #719

7.7.2022
Bun * Building tabs in Web Components * Body Margin 8px * Preline The post Collective #719 appeared first on Codrops

Building Interoperable Web Components That Even Work With React

7.6.2022
Those of us who&#8217;ve been web developers more than a few years have probably written code using more than one JavaScript framework. With all the choices out there — React, Svelte, Vue, Angular, Solid — it&#8217;s all but inevitable. One &#8230; Building Interoperable Web Components That Even...

Creating Native Web Components

4.3.2022
Learn how to create and use native web components with the Minze JavaScript framework. The post Creating Native Web Components appeared first on Codrops

Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think

28.2.2022
We’ve discussed a lot about the internals of using CSS in this ongoing series on web components, but there are a few special pseudo-elements and pseudo-classes that, like good friends, willingly smell your possibly halitotic breath before you go &#8230; Web Component Pseudo-Classes...

Context-Aware Web Components Are Easier Than You Think

21.1.2022
Another aspect of web components that we haven’t talked about yet is that a JavaScript function is called whenever a web component is added or removed from a page. These lifecycle callbacks can be used for many things, including making &#8230; Context-Aware Web Components Are Easier Than You Think...

Spicy Sections

7.12.2021
What if HTML had &#8220;tabs&#8221;? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of &#8220;Tabvengers&#8221; from OpenUI, on this. A lot of research leads to a bit &#8230;

Tonic (Component Framework)

27.9.2021
I enjoy little frameworks like Tonic. It&#8217;s essentially syntactic sugar over &#60;web-components /&#62; to make them feel easier to use. Define a Class, template literal an HTML template, probably some other fancy helpers, and you&#8217;ve got a component &#8230; The post Tonic (Component...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace