Search
Houdini.how
1.1.2021
Nice site from Google (and guest contributors) with a bunch of fun demos of what Houdini can do. Plus a write-up from Una. These are all Paint API demos. Houdini is technically a group of seven things that are all …
The post Houdini.how appeared first on CSS-Tricks.
You can support...
Simulating Drop Shadows with the CSS Paint API
29.12.2020
Ask a hundred front-end developers, and most, if not all, of them will have used the box-shadow property in their careers. Shadows are enduringly popular, and can add an elegant, subtle effect if used properly. But shadows occupy a strange …
The post Simulating Drop Shadows with the...
Deploying a Serverless Jamstack Site with RedwoodJS, Fauna, and Vercel
22.12.2020
This article is for anyone interested in the emerging ecosystem of tools and technologies related to Jamstack and serverless. We’re going to use Fauna’s GraphQL API as a serverless back-end for a Jamstack front-end built with the Redwood framework and deployed with a one-click deploy on Vercel.
In...
What’s Old is New
18.12.2020
This year, I learned a lot about how “old” tricks can solve a lot of modern problems if you use the right tools. Following the growth of Jamstack-style development has been both a learning experience, while also a nostalgic one. It’s been amazing to see how you can power plain...
Give Users Control: The Media Session API
14.12.2020
Here’s a scenario. You start a banging Kendrick Lamar track in one of your many open browser tabs. You’re loving it, but someone walks into your space and you need to pause it. Which tab is it? Browsers try to help with that a little bit. You can probably mute the entire system audio. But wouldn’t...
DMEX Opens Public API Access
10.12.2020
PRESS RELEASE. DMEX, the leading decentralized derivatives exchange is officially announcing its public API launch for its users. DMEX, the decentralized BitMEX alternative, is opening its API for public use. Now traders can connect to the exchange and execute trades using their own interfaces...
Lots of Ways to Use Math.random() in JavaScript
30.11.2020
Math.random() is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive, as in, it’s possible for an actual 0 to be returned) and 1 (exclusive, as in, it’s not possible for an actual 1 to be returned).
Math.random(); // returns...
Tailwind versus BEM
25.11.2020
Some really refreshing technological comparison writing from Eric Bailey. Like, ya know, everything in life, we don’t have to hate or love everything. Baby bear thinking, I like to say. There are benefits and drawbacks. Every single bullet point here is well-considered and valid. I really...
How to Work With WordPress Block Patterns
12.11.2020
Just a little post I wrote up over at The Events Calendar blog. The idea is that a set of blocks can be grouped together in WordPress, then registered in a register_block_pattern() function that makes the group available to use as a “block pattern” in any page or post.
Block patterns...
Quick LocalStorage Usage in Vue
5.11.2020
localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I’ve personally used it in each! In cases where you’re storing something small for the user that doesn’t need to be kept permanently...
How to Animate the Details Element Using WAAPI
5.11.2020
Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2011.
In this article, we will see how you can animate the native <details> element using the Web Animations...
Additive Animations in CSS
3.11.2020
Daniel C. Wilson explains how with CSS @keyframe animations, when multiple of them are applied to an element, they do both work. But if any properties are repeated, only the last one works. They override each other. I’ve seen this limitation overcome by applying keyframes to nested elements...
cookieStore: Async Cookie API
20.10.2020
One pattern in the JavaScript API world that web development veterans will notice is that we’ve been creating new methods to accomplish what older, grosser APIs once achieved. XMLHttpRequest became the fetch API, some APIs like Battery became async, and there are dozens of other examples....
API proti epidemii – eRouška a další
19.10.2020
Zastavit epidemii? I na to je tu aplikace. S eRouškou jste se nejspíše už setkali. Jde o projekt, který umožňuje bleskurychle a anonymně upozornit na možnou nákazu COVID-19, a tím zpomalit či zastavit šíření epidemie. Jak přesně funguje? A co je potřeba k tomu si jednu takovou aplikaci...
Let’s Create Our Own Authentication API with Nodejs and GraphQL
13.10.2020
Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what ORM would be easy to set up, how to generate secure tokens and hash passwords, and even what HTTP library to use and how to use it. 
In...
Sports Data for Developers: SportdataAPI (Sponsored)
12.10.2020
Most of the side projects I consider starting revolve around sports, since I’m a huge sports fan. I spend my Saturdays watching soccer, Sundays spent watching soccer and NFL, and of course the mid-week Champions League and Europa League matches. One problem I’ve always had is not being...
On the Web Share API
6.10.2020
I think the Web Share API is very cool (here’s our coverage). In a nutshell, it taps into the native sharing features on whatever platform you’re on, if that platform supports it. So essentially…
I like this:
Web Share API activated on iOS
A heck of a lot more than these...
Crypto-Fueled Market Openbazaar to Close Shop Unless OB1 Raises Community Funding
27.9.2020
On September 25, the creators of the decentralized marketplace, Openbazaar, announced that unless the project can gather community funding, the supporting services like seed nodes and the API wallet will shut down. The firm behind the project, OB1 is also removing the Haven app from the iOS...
5 Awesome JavaScript Promise Tricks
14.9.2020
The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to leverage this new async API. Let’s check out a handful of awesome Promise API tricks! Cancel a fetch Request One problem we instantly...
CEX.IO Cryptoexchange Makes CryptoCompare Top 10
8.9.2020
The international cryptocurrency exchange CEX.IO made it into the CryptoCompare top 10 July 2020 report, with an overall A grade. The CryptoCompare Exchange Benchmark rating evaluates over 165 exchanges around the world on aspects like adherence to regulations, platform security, liquidity, asset...