Search
Exploring the CSS Paint API: Image Fragmentation Effect
9.8.2021
In my previous article, I created a fragmentation effect using CSS mask and custom properties. It was a neat effect but it has one drawback: it uses a lot of CSS code (generated using Sass). This time I am …
The post Exploring the CSS Paint API: Image Fragmentation Effect appeared first...
How to Code a Playable Synth Keyboard
2.8.2021
With a little knowledge of music theory, we can use regular HTML, CSS and JavaScript — without any libraries or audio samples — to create a simple digital instrument. Let’s put that into practice and explore one method for creating …
The post How to Code a Playable Synth Keyboard appeared...
Conjuring Generative Blobs With The CSS Paint API
30.7.2021
The CSS Paint API (part of the magical Houdini family) opens the door to an exciting new world of design in CSS. Using the Paint API, we can create custom shapes, intricate patterns, and beautiful animations — all with a …
The post Conjuring Generative Blobs With The CSS Paint API appeared...
Using Google Drive as a CMS
22.7.2021
We’re going to walk through the technical process of hooking into Google Drive’s API to source content on a website. We’ll examine the step-by-step implementation, as well as how to utilize server-side caching to avoid the major pitfalls to avoid …
The post Using Google Drive as a...
Bitcoin Cash Payment Processor Evolves Adding URL Shortener, Paypal API Integration
5.7.2021
Prompt.cash, a bitcoin cash noncustodial payment processor, is adding a bunch of interesting functionalities. The payment processor now features a URL shortener that allows users to monetize content on any site on the net. Also, Prompt.cash added Paypal API integrations, making it easier...
How to Cancel Pending API Requests to Show Correct Data
25.6.2021
I recently had to create a widget in React that fetches data from multiple API endpoints. As the user clicks around, new data is fetched and marshalled into the UI. But it caused some problems.
One problem quickly became evident: …
The post How to Cancel Pending API Requests to Show Correct...
Drawing Graphics with the CSS Paint API
18.6.2021
A practical introduction to the CSS Paint API with hands-on examples.
The post Drawing Graphics with the CSS Paint API appeared first on Codrops
Just How Niche is Headless WordPress?
15.6.2021
I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the traditional WordPress theme structure.
Is it… big? The future …
The post Just How Niche...
CSS-Trickz: An Experiment with Netlify’s On-Demand Builders
8.6.2021
WordPress sites have an API by default. Wanna see this site’s most recent posts, with just a specific set of data… in JSON format? Here ya go. Alex Riviere made a joke site using that.
At first, the site …
The post CSS-Trickz: An Experiment with Netlify’s On-Demand Builders...
Serverless Functions: The Secret to Ultra-Productive Front-End Teams
31.5.2021
Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs:
building modern, accessible user interfaces
creating interactive elements and complex animations
managing complex application...
0x launches DEX liquidity API on Polygon
31.5.2021
Polygon’s decentralized finance footprint continues to grow, with 0x releasing a version of its decentralized exchange liquidity aggregator API on the “Ethereum scaler.”
Understanding the systemic shift from digitization to tokenization of financial services
30.5.2021
Another hurdle financial services and institutions need to address is mainstream digital asset adoption
Notion API
20.5.2021
The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …
The post Notion API appeared first on CSS-Tricks.
You can support...
WebPageTest API
3.5.2021
I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …
The post WebPageTest API appeared first on CSS-Tricks.
You...
How to Create Actions for Selected Text With the Selection API
28.4.2021
Click, drag, release: you’ve just selected some text on a webpage — probably to copy and paste it somewhere or to share it. Wouldn’t it be cool if selecting that text revealed some options that make those tasks easier? That’s …
The post How to Create Actions for Selected Text With...
Blockchain Object Storage Company Filebase Raises $2M, Aims to Incorporate Filecoin and Arweave Networks
26.4.2021
Filebase, a blockchain-based object storage company built on top of the Sia network has revealed the business has closed an initial seed round gathering $2 million from investors. Interest in decentralized storage networks has blossomed in recent months and Filebase expects the growth of global...
Using New Gatsby Source WordPress Plugin
23.4.2021
In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …
The post Using New Gatsby Source...
Headless Form Submission With the WordPress REST API
9.4.2021
If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the …
The post Headless Form Submission With the WordPress REST...
Return of the oracles: Band Protocol, API3 and DIA price soar to new highs
3.4.2021
Oracle tokens gain traction as cross-chain interoperability and new developments in the DeFi sector lure investors away from Bitcoin and NFTs
Let’s Create a Custom Audio Player
18.2.2021
HTML has a built-in native audio player interface that we get simply using the <audio> element. Point it to a sound file and that’s all there is to it. We even get to specify multiple files for better browser support, …
The post Let’s Create a Custom Audio Player appeared first...