Search

Nalezeno "components": 240

Web Components Are Easier Than You Think


When I’d go to a conference (when we were able to do such things) and see someone do a presentation on web components, I always thought it was pretty nifty (yes, apparently, I’m from 1950), but it always seemed complicated … The post Web Components Are Easier Than You Think appeared first...

A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders


UI components like spinners and skeleton loaders make waiting for a page load less frustrating and might even affect how loading times are perceived when used correctly. They won’t completely prevent users from abandoning the website, but they might encourage … The post A Bare-Bones Approach...

Giant Motor Gives PC Enough Rumble To Shake The Very Heavens


Jatin Patel is an iOS developer who works on big, silly projects for his YouTube channel. His latest million-dollar idea was to connect a giant, 2,880 rpm induction motor to his DualShock, magnifying the controller’s comparatively pitiful rumble to extraordinary proportions.Read more

React Component Tests for Humans


React component tests should be interesting, straightforward, and easy for a human to build and maintain. Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing … The post React...

Another arcade is closing in Tokyo.


Another arcade is closing in Tokyo. Taito Station Shinjuku West Exit, which opened in 2018, will shutter on March 21. With fewer customers and tourists banned, arcades are hurting. Read more

Use CSS Variables instead of React Context


Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. … The post Use CSS Variables instead...

Responsible Web Applications


Joy Heron bought a cool domain name and published an article there: Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some … The post Responsible Web Applications appeared first...

Reconciling Editor Experience and Developer Experience in the CMS


Components are great, aren’t they? They are these reusable sources of truth that you can use to build rock-solid front-ends without duplicating code. You know what else is super cool? Headless content management! Headless content management system (CMS) products offer … The post Reconciling...

Dynamically Switching From One HTML Element to Another in Vue


A friend once contacted me asking if I had a way to dynamically change one HTML element into another within Vue’s template block. For instance, shifting a <div> element to a <span> element based on some criteria. The trick was … The post Dynamically Switching From One HTML...

Bulletproof flag components


A clever use of CSS grid from Jay Freestone to accomplish a particular variation of the media object design pattern (where the image is centered with the title) without any magic numbers anything that isn’t flexible and resiliant. The trick … The post Bulletproof flag components...

Styling Web Components


Nolan Lawson has a little emoji-picker-element that is awfully handy and incredibly easy to use. But considering you’d probably be using it within your own app, it should be style-able so it can incorporated nicely anywhere. How to allow … The post Styling Web Components appeared first...

Collective #646


Houdini Paint Dojo * The styled-components happy path * Building a sidenav component * Enabling Popups The post Collective #646 appeared first on Codrops

Components: Server-Side vs. Client-Side


Building a website in 2021? I’m guessing you’re going to take a component-driven approach. It’s all the chatter these days. React and Vue are everywhere (is Angular still a thing?), while other emerging frameworks continue to attempt a push … The post Components: Server-Side vs. Client-Side...

3 Approaches to Integrate React with Custom Elements


In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern … The post 3 Approaches to Integrate React with Custom Elements...

Building Flexible Components With Transparency


Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall … The post Building Flexible Components With Transparency appeared...

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