Search

Nalezeno "components": 240

An Approach to Lazy Loading Custom Elements

13.2.2023
We’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’s experiments, I recently set about writing a simple auto-loader: Whenever a custom … An Approach to Lazy Loading...

US Charges Russians, Venezuelans for Sanctions Evasion Using Cryptocurrency

20.10.2022
A group of Russian and Venezuelan nationals have been charged by U.S. authorities for their roles in a scheme to circumvent Western sanctions and launder money on a global scale. They have been accused of obtaining military technologies from American companies, smuggling oil, and disguising money...

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 … 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 … Introducing Shoelace, a Framework-Independent Component-Based...

How Plugins Enhance The WYSIWYG Editing Experience (Sponsored)

2.8.2022
WYSIWYG editors are one of the core components of any content management system (CMS). A well-coded, feature-filled WYSIWYG HTML editor can distinguish between a CMS users love and one they can’t stand.  While all WYSIWYG editors have a set of basic functionality, the power of plugins...

Recreating MDN’s Truncated Text Effect

28.7.2022
It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those gems is how card components handle truncated … Recreating MDN’s Truncated Text Effect originally published...

React Hooks: The Deep Cuts

13.7.2022
Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate … React Hooks: The Deep Cuts originally...

Samsung Launches ‘Space Tycoon’ Metaverse Experience

13.7.2022
Electronics giant Samsung has announced the launch of Space Tycoon, a metaverse-based experience built as part of the Roblox world. The gaming metaverse, which is directed to entertain Gen Z users, will feature a world in which Samsung products can be constructed by picking their fundamental...

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’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’s all but inevitable. One … Building Interoperable Web Components That Even...

Dialog Components: Go Native HTML or Roll Your Own?

23.5.2022
As the author of a library called AgnosticUI, I’m always on the lookout for new components. And recently, I decided to dig in and start work on a new dialog (aka modal) component. That’s something many devs like to … Dialog Components: Go Native HTML or Roll Your Own? originally published...

Avoiding the Pitfalls of Nested Components in a Design System

26.4.2022
When creating a component-based, front-end infrastructure, one of the biggest pain points I’ve personally encountered is making components that are both reusable and responsive when there are nested components within components. Take the following “call to action” (<CTA />… Avoiding...

Writing Strong Front-end Test Element Locators

22.4.2022
Automated front-end tests are awesome. We can write a test with code to visit a page — or load up just a single component — and have that test code click on things or type text like a user would, … Writing Strong Front-end Test Element Locators originally published on CSS-Tricks. You should...

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 … Web Component Pseudo-Classes...

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