Search
How to Make Repeating Border Images
16.3.2020
I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for you to use with border-image along with the CSS to copy and paste.
Check out my little design:
CodePen Embed Fallback
The areas of the image...
Animating CSS Width and Height Without the Squish Effect
6.3.2020
The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper").
Butttt, transform can be tricky. Check...
BIS: No Central Bank Digital Currencies Focus on Cross-Border Payment
2.3.2020
None of the 17 ongoing central bank digital currency projects is focused on cross-border payments, the Bank for International Settlements says
A Picture’s Worth a Thousand Words: 18 of the Coolest Visualizations for Exploring the Bitcoin Network
1.3.2020
Analyzing and exploring the Bitcoin blockchain is always interesting, but for the more abstract thinker, several sites provide unique looks at the network, nodes, and transaction data in easy to grok, visual fashion. Some of these even border on the psychedelic or sci-fi otherworldly, taking...
Ripple to Offer Cheaper, Faster Cross-border Payments in Korea
26.2.2020
Yesterday, Ripple announced that it would be partnering with money transfer service providers Sentbe, Hanpass, and WireBarley to offer an improved cross-border payment experience in Korea. Together with @cross_enf and our newly added customers Sentbe, Hanpass, WireBarley and more, we...
Ripple to Offer Cheaper, Faster Cross-border Payments in Korea
26.2.2020
Yesterday, Ripple announced that it would be partnering with money transfer service providers Sentbe, Hanpass, and WireBarley to offer an improved cross-border payment experience in Korea. Together with @cross_enf and our newly added customers Sentbe, Hanpass, WireBarley and more, we...
MoneyGram Got Another $11M From Ripple to Use Its Cross-Border Payments Tech
25.2.2020
Payments firm Ripple has given MoneyGram over $11 million dollars in the past half year, according to regulatory filings with the Securities and Exchange Commission
US Commerce Dept. Wants to Survey Firms on Cross-Border Crypto Usage
25.2.2020
The Bureau of Economic Analysis plans to ask financial institutions whether they conducted any crypto trades with foreigners in 2019
Solving Sticky Hover States with @media (hover: hover)
18.2.2020
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹.
If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...
Hong Kong and Thailand Pilot DLT-Based Project for Cross-Border Payments
22.1.2020
Hong Kong and Thailand’s central banks have piloted a Corda-based CBDC project for cross-border payments
Watch Civic’s CEO Talk About His New Cross-Border Payment System
17.1.2020
The Civic Wallet is a noncustodial money transfer system that uses your face instead of complex keys
Animate Text on Scroll
13.1.2020
We covered the idea of animating curved text not long ago when a fun New York Times article came out. All I did was peek into how they did it and extract the relevant parts to a more isolated demo.
That demo is here:
See the Pen
Selfie Crawl by Chris Coyier (@chriscoyier)
...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...
Thai Bank Launches App For Instant Cross-Border Payments Powered By Ripple
9.1.2020
Major Thail bank launches mobile app powered by Ripple to facilitate fast, low-cost cross-border payments
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Make a smooth shadow, friend.
19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look.
This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...
Tradeshift Says It’s Slashed Cross-Border Transaction Costs Using Ethereum
18.12.2019
Supply chain fintech startup Tradeshift, which boasts two million firms on its platform, says it's slashed the cost of cross-border transactions between buyers and suppliers using the public ethereum blockchain
Masking GIFs with other GIFs
3.12.2019
The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one:
See the Pen
Masking gifs with other gifs......
Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements
20.11.2019
I recently had to craft a newspaper-like design that featured multiple row and column spans with divider lines in between them. Take a look at the mockup graphic here and see if it makes you sweat at all. If you’re like me, you have been around a while and know just how difficult this would have...
BAY (Bank of Ayudhya) Introduces Blockchain-based Cross-border Funds Transfers
12.11.2019
Recently, Bank of Ayudhya (BAY) has disclosed a solution based on blockchain to transfer funds between Thailand and Laos. The introduction of cross-border trade and funds transfer helps in minimizing transaction time. The Bank of Thailand has approved the BAY for developing the blockchain...