Search
Testing React Hooks With Enzyme and React Testing Library
29.11.2019
As you begin to make use of React hooks in your applications, you’ll want to be certain the code you write is nothing short of solid. There’s nothing like shipping buggy code. One way to be certain your code is bug-free is to write tests. And testing React hooks is not much different from how React...
How Building in the Open Can Change Our Industry
21.11.2019
I have to admit, I'm a developer who hasn't built a website. When I first read Chris's question, I sat in silence for at least a minute. Which technical topic did I want to discuss? A new library, programming language or best practice? Nothing, in particular, came to mind. Is that because I'm a...
How We Perform Frontend Testing on StackPath’s Customer Portal
15.11.2019
Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be:
TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables)
Jest - Unit tests. JavaScript functions are doing...
Binance is on Its Way of Implementing a Threshold Signature Scheme Library
6.11.2019
Binance has grown to be one of the firms which have taken the lead in innovation in the field of blockchain technology and cryptocurrency. It has focused on creation of core infrastructure services that would have a long-term effect on the crypto world. Binance has also made contributions to...
Making a Chart? Try Using Mobx State Tree to Power the Data
5.11.2019
Who loves charts? Everyone, right? There are lots of ways to create them, including a number of libraries. There’s D3.js, Chart.js, amCharts, Highcharts, and Chartist, to name only a few of many, many options.
But we don’t necessary need a chart library to create charts. Take Mobx-state-tree (MST)...
Animated Position of Focus Ring
27.10.2019
Maurice Mahan created FocusOverlay, a "library for creating overlays on focused elements." That description is a little confusing at you don't need a library to create focus styles. What the library actually does is animate the focus rings as focus moves from one element to another. It's based...
Simulating Depth of Field with Particles using the Blurry Library
1.10.2019
Learn how to create a geometrical scene with a depth effect using the Blurry library.
Simulating Depth of Field with Particles using the Blurry Library was written by Domenico Bruzzese and published on Codrops
A Dark Mode Toggle with React and ThemeProvider
25.9.2019
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well.
In this tutorial, we’re...
Other Ways to SPAs
21.8.2019
That rhymed lolz.
I mentioned on a podcast the other day that I sorta think WordPress should ship with Turbolinks. It's a rather simple premise:
Build a server-rendered site.
Turbolinks intercepts clicks on same-origin links.
It uses AJAX for the HTML of the new page and replaces the current page...
Zdog
24.7.2019
David DeSandro has loads of super cool JavaScript libraries he's created over the years. His latest is Zdog, a "round, flat, designer-friendly pseudo-3D engine for canvas & SVG." It's only been about a month since he dropped it (although, like any good library, it's been simmering) and it...
Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One UI CSS, DOM Matches Method
21.6.2019
In this week's weekly roundup, Vimeo and Mozilla partner up on a video encoding format, how to bind instructions to to form fields using aria labels, the DOM has a matching function, and Samsung is working on its own CSS library.
The post Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One...
Managing State in React using Unstated-Next
17.6.2019
In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components that can consume state by subscribing to a provider — like the React’s Context API.
Well, we’re going to build off that last post by looking...
The Easiest Way To Create Parallax Scrolling With simpleParallax
5.6.2019
A quick tutorial on how to create eye-catching parallax scroll animations using a modern JS library
Bitcoin Cash Privacy Has Improved in Leaps and Bounds
27.5.2019
Over the last few years, privacy has become of great importance to digital asset enthusiasts as law enforcement has cracked down on money transmitters, seized coin shuffling services, and blockchain analysis has increased significantly. To thwart this, some bitcoiners have turned to mixing...
Getting Started with React Testing Library
22.5.2019
I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one covering Jest and Enzyme) so aren’t there already enough options to go around?
But react-testing-library is not just another testing library. It’s...
Developer Creates Interwallet Transfer Plugin to Strengthen Bitcoin Cash Privacy
20.5.2019
The Bitcoin Cash (BCH) protocol and infrastructure continue to see relentless development. The Electron Cash Cashshuffle implementation has enhanced bitcoin cash fungibility by providing users with the ability to shuffle coins. Now a developer has announced the launch of the Interwallet transfer...
What’s New in Tailwind CSS v1
20.5.2019
Tailwind has finally released a major version of the utility based styling library
Integrating Third-Party Animation Libraries to a Project
14.5.2019
Creating CSS-based animations and transitions can be a challenge. They can be complex and time-consuming. Need to move forward with a project with little time to tweak the perfect transition? Consider a third-party CSS animation library with ready-to-go animations waiting to be used. Yet, you might...
Creating Reusable Base Classes in TypeScript with a Real-Life Example
18.4.2019
Hey CSS-Tricksters! Bryan Hughes was kind enough to take a concept from an existing post he published on converting to TypeScript and take it a few couple steps further in this post to elaborate on creating reusable base classes. While this post doesn’t require reading the other one, it’s certainly...
A historical look at lowercase defaultstatus
1.4.2019
Browsers, thank heavens, take backward compatibility seriously.
Ancient websites generally work just fine on modern browsers. There is a way higher chance that a website is broken because of problems with hosting, missing or altered assets, or server changes than there is with changes in...