Search
3 Approaches to Integrate React with Custom Elements
15.1.2021
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...
Theming and Theme Switching with React and styled-components
7.1.2021
I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they …
The post Theming and Theme Switching with React...
Crypto Markets Jump on OCC Approval for Banks to Use Blockchains
5.1.2021
The price of bitcoin and native tokens for other stablecoin-supporting blockchains jumped after the OCC approved banks to use public blockchains
Make Your Own Tools
4.1.2021
Spencer Miskoviak on the Wealthfront blog:
By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the
…
The post Make Your Own Tools...
Recreating a Dave Whyte Animation in React-Three-Fiber
17.12.2020
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
The post Recreating a Dave Whyte Animation in React-Three-Fiber appeared first on Codrops
Collective #641
17.12.2020
Codrops Collective Searcher * Scrollytelling with React * Tiny-Swiper * Cameras and Lenses
The post Collective #641 appeared first on Codrops
Slow Movement
16.12.2020
There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique, or language feature being released. I believed that in order to survive as a freelancer and to compete with others I had to learn everything...
Netlify & Next.js
14.12.2020
Cassidy Williams has been doing a Blogvent (blogging every day for a month) over on the Netlify Blog. A lot of the blog posts are about Next.js. There is a lot to like about Next.js. I just pulled one of Cassidy’s starters for fun. It’s very nice that it has React Fast-Refresh built-in....
React.isValidElement
14.12.2020
Knowing what input type you’ve received is hugely important in JavaScript, which is a big reason for Flow and TypeScript’s rise. One such case where it’s useful to know what an object represents is if the input is a string or a React element. To detect if an object is a React...
Optimize Images According to Network and Device Constraints in React
10.12.2020
Connectivity has evolved beyond recognition since the beginning of the internet. We are lightyears past dial up, these days, and can watch a video in high resolution on our smartphone while being connected to a mobile network. But not all mobile connections are created equal – older...
Creating UI Components in SVG
24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...
How to Create a Timeline Task List Component Using SVG
24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...
Stocks Rally On New COVID-19 Vaccine News, Bitcoin Yet To React
16.11.2020
Today, the stock market was once again fuelled by new COVID-19 vaccine news while bitcoin (BTC) is yet to decide its direction.
US-based Moderna Inc. said its vaccine was 94.5% effective in a preliminary analysis of a large late-stage clinical trial, compared with 90% in the case Pfizer...
Collective #634
12.11.2020
Operator Lookup * 22120 * Web animation gotchas * Socialify * react-gl-transition-image
The post Collective #634 appeared first on Codrops
3 ways Bitcoin price and stocks may react to a Biden presidency
7.11.2020
Major media outlets have declared Joe Biden the winner of the 2020 election, leading analysts to speculate how a Biden presidency may impact Bitcoin price in 2021
Build an app for monday.com and potentially win BIG
5.11.2020
monday.com is an online Work OS platform where teams create custom workflows in minutes to run their projects, processes, and everyday work.
Over 100,000 teams use monday.com to work together.
They have launched a brand new app marketplace for monday.com, meaning you can add tools built...
Using Your Own Design System with KendoReact Components
30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...
Anima 4.0: Go Straight From Design to React in the Design Handoff
27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built.
Huh?
It might sound like a dream...
Breakout or fakeout? Top traders react to Bitcoin price rally to $11.9K
20.10.2020
Bitcoin price rallied to $11,900 but traders are unsure whether the move is a breakout or a fakeout
Comparing Styling Methods in 2020
19.10.2020
Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...