Search
Quick Hit #19
19.9.2024
Two possible syntaxes for CSS masonry, one draft specification, and you get to share your opinions.
…
Quick Hit #19 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
“If” CSS Gets Inline Conditionals
9.7.2024
A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that …
“If” CSS Gets Inline Conditionals originally published...
URL.canParse
17.7.2023
Parsing of URLs on the client side has been a common practice for two decades. The early days included using illegible regular expressions but the JavaScript specification eventually evolved into a new URL method of parsing URLs. While URL is incredibly useful when a valid URL is provided,...
Bots Sending BTC — Lightning Labs Releases New Tools for AI-Bitcoin Integration
11.7.2023
On July 6, Lightning Labs released new developer tools to enhance the intersection of artificial intelligence (AI) and Bitcoin. The layer two (L2) startup introduced a new specification known as L402 and tools that enable AI systems to conduct transactions over the Lightning Network. The Fusion...
JavaScript Array Group
17.4.2023
Managing, sorting, and manipulating data with JavaScript is a skill we’ve often delegated to third party libraries like lodash. As the JavaScript language progresses, however, these features eventually get. added to the JavaScript specification. Two such APIs for grouping of Array data...
Digging Deeper Into Container Style Queries
1.12.2022
I wrote up some early thoughts on container style queries a little while back. It’s still early days. They’re already defined in the CSS Containment Module Level 1 specification (currently in Editor’s Draft status) but there’s still a couple of …
Digging Deeper Into...
The New CSS Media Query Range Syntax
31.10.2022
The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design.
The New CSS Media Query Range Syntax...
Useful Tools for Creating AVIF Images
9.5.2022
AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to other formats like JPG, JPEG, PNG, and WebP. Version 1.0.0 of the AVIF specification …
Useful Tools for Creating AVIF Images...
Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline
4.11.2021
The Scroll-linked Animations specification is an upcoming and experimental addition that allows us to link animation-progress to scroll-progress: as you scroll up and down a scroll container, a linked animation also advances or rewinds accordingly.
We covered some use cases …
The post...
Supercharging Built-In Elements With Web Components “is” Easier Than You Think
3.9.2021
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to …
The post Supercharging Built-In Elements With...
Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
19.7.2021
The Scroll-Linked Animations specification is an upcoming and experimental addition to CSS. Using the @scroll-timeline at-rule and animation-timeline property this specification provides you can control the time position of regular CSS Animations by scrolling.
In this post, we take a …
The...
Cointext CTO Reveals a New Protocol That Aims to Bolster a Censorship-Resistant Economy for Bitcoin Cash
9.5.2020
On May 7, the Cointext CTO and cofounder of Countermarkets, Vin Armani revealed a new project he’s been working on called “Signal, Watch, and Pay Protocol” (SWaP). Armani’s published specification and reference code of SWaP indicates that the platform allows “onchain...
How to Cancel a Fetch Request
17.3.2020
JavaScript promises have always been a major win for the language — they’ve led to a revolution of asynchronous coding that has vastly improved performance on the web. One shortcoming of native promises is that there’s no true way to cancel a fetch…until now. A...
China Adopts Security Standards for Blockchain Applications in the Financial Sector
25.2.2020
Keeping the focus on blockchain development, banking authorities in China have issued a set of rules pertaining to the secure application of crypto-related technologies in the financial sphere. The new standards, the first of this kind, are to guide the work of developers and service providers...
CSS4
4.2.2020
Tab Atkins in 2012:
There has never been a CSS4. There will never be a CSS4. CSS4 is not a thing that exists.
Rachel Andrew in 2016:
While referring to all new CSS as CSS3 worked for a short time, it doesn’t reflect the reality of where CSS is today. If you read something...
BCH Script Meeting Aims to Enhance the Programming Language in Bitcoin Cash
23.1.2020
Bitcoin Cash developers actively participate in video meetings in order to discuss the ongoing development of the BCH ecosystem. BCH software engineers met for the first time in 2020 last Thursday to examine the May upgrade and specification work. Following the meeting, on January 23,...
Devs Discuss Formal Specification Project for Bitcoin Cash
27.11.2019
On Monday, Bitcoin ABC’s lead developer Amaury Séchet explained in a blog post that Bitcoin Cash will be getting its own formal specification from Bitcoin Verde programmer Joshua Green. Séchet noted that although a slew of developers have written documentation, “the existing...
Getting Started with GraphQL
20.11.2019
GraphQL was developed by Facebook in 2012 to power up its mobile apps. Since open-sourcing GraphQL specification in 2015, it gained a lot of popularity and is now used by many development teams, including giants like GitHub, Twitter or Airbnb. Why so? And what exactly is a GraphQL? Let's take...
Weekly Platform News: Emoji String Length, Issues with Rounded Buttons, Bundled Exchanges
19.9.2019
In this week's roundup, the string length of two emojis is not always equal, something to consider before making that rounded button, and we may have a new way to share web apps between devices, even when they are offline.
The JavaScript string length of emoji characters
A single rendered emoji...
(Why) Some HTML is “optional”
16.9.2019
Remy Sharp digs into the history of the web and describes why the <p> tag doesn’t need to be closed like this:
<p>Paragraphs don’t need to be closed
<p>Pretty weird, huh?
Remy writes:
Pre-DOM, pre-browsers, the world's first browser was being written by Sir...