Search
Developers and Designers Work on a Single Source of Truth with UXPin
27.8.2021
(This is a sponsored post.)
There is a conversation that has been percolating for as long as I’ve been in the web design and development industry. It’s centered around the conflict between design tools and development tools. The final …
The post Developers and Designers Work on...
React usePrevious Hook
23.8.2021
Hooks are essential for the functional component pattern in React. One frequent logic comparison with class components was comparing a previous prop value with a current prop value via lifecycle methods. So what’s an easy pattern for duplicating previous value comparisons in functional...
Using Web Components in WordPress is Easier Than You Think
12.8.2021
Now that we’ve seen that web components and interactive web components are both easier than you think, let’s take a look at adding them to a content management system, namely WordPress.
There are three major ways we can add them. …
The post Using Web Components in WordPress is Easier Than...
Report: New PSVR2 Details Leak From Sony Developer Conference
5.8.2021
A video posted today by popular VR YouTube channel PSVR Without Parole purports to have new information about Sony’s next-generation virtual reality hardware for PlayStation 5.Read more
I’m Obsessed With These Low-Rent CSGO No-Scope ‘Hacks’
29.7.2021
People try all sorts of things to get an advantage in CSGO, PUBG, Fortnite, or any competitive game. But recently, I’ve been stuck watching one player’s gloriously low-rent efforts to improve their sniping.Read more
Demystifying styled-components
27.7.2021
 Joshua Comeau digs into how styled-components works by re-building the basics. A fun and useful journey.
styled-components seems like the biggest player in the CSS-in-React market. Despite being in that world, I haven’t yet been fully compelled by it. I’m …
The post...
The Nine States of Design
21.7.2021
Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:
Modern UI teams are designing components
…
The post The Nine States of Design appeared first...
How to Get a Pixel-Perfect, Linearly Scaled UI
15.7.2021
Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in articles like this one or this one.
Most of those examples, though, use …
The post How to Get a Pixel-Perfect, Linearly Scaled UI appeared...
Fix Seeing “0” in Your JSX Code
9.7.2021
The early days of the web felt like the wild west when it came to coding practices — just make it work. Then we became enlightened to better practices, separating HTML from CSS and JavaScript. Then came React and JSX, where we combine JavaScript, HTML, and even CSS with Styled Components...
Collective #667
24.6.2021
Demystifying styled-components * Asynchronous Design Critique * Benchmarking JavaScript Memory Usage
The post Collective #667 appeared first on Codrops
Using Custom Elements in Svelte
22.6.2021
Svelte fully supports custom elements (e.g. <my-component>) without any custom configuration or wrapper components and has a perfect score on Custom Elements Everywhere. However, there are still a few quirks you need to watch out for, especially around …
The post Using Custom...
Awesome Standalone (Web Components)
26.5.2021
In his last An Event Apart talk, Dave made a point that it’s really only just about right now that Web Components are becoming a practical choice for production web development. For example, it has only been about a year …
The post Awesome Standalone (Web Components) appeared first...
Links on Web Components
26.5.2021
How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a <relative-time> component in 2014! Now they’ve got a
…
The post Links on Web Components appeared...
Report: Next-Gen PlayStation VR Is Sounding Pretty Impressive
11.5.2021
Sony’s next-generation virtual reality hardware for PlayStation 5 will include a number of fancy features and even some forward-thinking technologies that are not yet available on popular consumer VR headsets, according to a report on UploadVR. Read more
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
Where the World Wide Web Shines
1.4.2021
Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them.
There’s so much great info packed into this one post that I’m …
The post Where the World Wide Web Shines appeared first...
The Razer Kraken X Ultralight Wired Gaming Headset Is Only $40
29.3.2021
Razer Kraken X Ultralight Wired Gaming Headset | $40 | AmazonRead more
Hello Gamers, Aukey's KM-G12 RGB Keyboard Is Down to $39
26.3.2021
AUKEY KM-G12 RGB Mechanical Keyboard | $39 | Amazon | Promo code GFP66GNYRead more
Interactive Web Components Are Easier Than You Think
25.3.2021
In my last article, we saw that web components aren’t as scary as they seem. We looked at a super simple setup and made a zombie dating service profile, complete with a custom <zombie-profile> element. We reused the element …
The post Interactive Web Components Are Easier Than...
Creating Custom Form Controls with ElementInternals
24.3.2021
Ever since the dawn of time, humanity has dreamed of having more control over form elements. OK, I might be overselling it a tiny bit, but creating or customizing form components has been a holy grail of front-end web development …
The post Creating Custom Form Controls with ElementInternals...