Search
Warp SVG Online
6.8.2020
The warping is certainly the cool part here. Some fancy math literally transforms the path data to do the warping. But the UX detail work here is just as nice. Scrolling the page zooms in and out via a transform: scale() on the SVG wrapper (clever!). Likewise, holding the spacebar lets you...
Chameleonic Header
26.2.2020
Nice demo from Sebastiano Guerriero. When a fixed-position header moves from overlapping differently-colored backgrounds, the colors flop out to be appropriate for that background. Sebastiano's technique is very clever, involving multiple copies of the header within each section (where the copies...
Bundling JavaScript for Performance: Best Practices
24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance:
[...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...
Shenzhen Stock Exchange Launches Index of Top 50 Blockchain Public Companies
27.12.2019
The Shenzhen Stock Exchange has launched a blockchain index comprising 50 of the largest publicly listed companies with blockchain ventures by market capitalization. Blockchain-related stocks in China have been gaining value since President Xi Jinping openly advocated for the technology. Also read:...
Swiss Licensed Crypto Bank Expanding Into 9 Markets
1.12.2019
A fully operational crypto-focused bank based in Switzerland is expanding into nine other markets. With a banking and securities dealer license from the Swiss Financial Market Supervisory Authority, its services include crypto custody, trading, and asset management. The bank has launched...
Pac-Man… in CSS!
11.11.2019
You all know famous Pac-Man video game, right? The game is fun and building an animated Pac-Man character in HTML and CSS is just as fun! I’ll show you how to create one while leveraging the powers of the clip-path property.
See the Pen
Animated Pac-Man by Maks Akymenko (@maximakymenko)
...
Nasdaq Lists an AI-Powered Index of Crypto Market’s Top 100 Performers
16.10.2019
The Nasdaq stock exchange has listed an index of crypto’s top 100 coins alongside traditional market bellwethers like the S&P 500 and the Dow
Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal
17.6.2019
Create a folder named question-modal within the src/components directory and a file index.js within it. Open the file and update it with the snippet below:
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
Game of Thrones Quiz Game with React and GraphQL: Single Question Component
17.6.2019
Create a folder called question within the src/components directory and a file index.js within it. Open the file and copy the following into the file:
SVG Properties and CSS
13.5.2019
There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others are already shared in CSS, such as font-size...
JavaScript Glossary: String indexOf()
25.3.2019
Basics
This method checks for the first appearance of a provided string argument within the calling string and returns the index. It returns -1 if the string argument can’t be
Testing React and Redux Apps with Jest
5.2.2019
React is a popular library for building user interfaces created by Facebook. Redux on the other hand is a wonderful s
Testing React and Redux Apps with Jest
5.2.2019
React is a popular library for building user interfaces created by Facebook. Redux on the other hand is a wonderful s
Need to Test API Endpoints? Two Quick Ways to Do It.
25.1.2019
Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...
Web Designs That Feel Like Ancient History, but Are More Recent Than You Think
12.12.2018
Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don't particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most...
Your Digital Pinball Machine
2.11.2016
I've had something of an obsession with digital pinball for years now. That recently culminated in me buying a Virtuapin Mini.
OK, yes, it's an extravagance. There's no question. But in my defense, it is a minor extravagance relative to a real pinball machine.
The mini is much smaller than