Search
Want to get better at code? Teach someone CSS.
28.7.2020
A friend of mine recently asked me to teach her to code. She was an absolute beginner, having no idea what coding really involves. I decided to start where I started: HTML and CSS. Using CodePen, we started forking Pens and altering them. Soon, a learning path started to unravel.
The aim of this...
DeFi on 'Tesla's Path' as Tokens Skyrocket On Hopes, Not Results
16.7.2020
Decentralized finance (DeFi) earnings took a downturn in the second quarter of 2020, but DeFi tokens are rocketing to new highs thanks largely to yield farming – suggesting DeFi could become the financial industry’s answer to Tesla.
American electric card producer Tesla is famously valued at around...
A Path of Challenges: Will CBDCs Prevail Over Private Blockchains?
16.7.2020
CBDCs will be the leading digital currencies of the future, and only the competition between various models will determine the winner
Irregular-shaped Links with Subgrid
16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...
Nordic Crypto Startup Takes (Un)usual Growth Path Due to 'Massive Potential'
2.7.2020
Torbjørn Bull Jenssen, CEO of Arcane Crypto. Source: a video screenshot, Youtube/TEDx Talks
The Norwegian crypto-focused investment and research firm Arcane Crypto is eyeing a public listing on Sweden’s Nasdaq First stock exchange by the end of the year as they see ‘massive potential’ for...
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...
Fed Chair Powell Warns of ‘Unsustainable’ Budget as US National Debt Crosses $26 Trillion
17.6.2020
In his testimony before the Senate banking committee, Federal Reserve Chairman Jerome Powell warned Congress that the U.S. federal budget has been on an unsustainable path for years. He added that the U.S. economy is facing a deep downturn with “significant uncertainty.”...
Libra Continues Path Forward, Announces New Brass
10.6.2020
The Libra Association just filled a key role
Cryptocurrency and COVID-19: Bitcoin’s Path to a Safe Haven
21.5.2020
In the time of a global crisis caused by the coronavirus, Bitcoin has the potential to be the best option for a trusted financial instrument
2 Key Metrics Suggest Bitcoin Price is Back on the Path to $10,000
14.5.2020
Surging trading volume and a push above a key resistance hint that Bitcoin price is back en route to $10,000
Using CSS Masks to Create Jagged Edges
12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image.
Looking sharp… in more ways than one.
It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...
UN Paves Path for Sustainability in Seafood Industry Using Blockchain
12.5.2020
The United Nations has released a report to raise governmental and international awareness for blockchain’s application in the seafood value chain
[David Baron’s] Thoughts on an implementable path forward for Container Queries
29.4.2020
That’s the title of a public post from David Baron, a Principal Engineer at Firefox, with thoughts toward container queries. I know a lot of people have been holding their breath waiting for David’s ideas, as he’s one of few uniquely qualified to understand the ins and outs...
Is Liquid Sidechain a Path for Better Bitcoin Privacy?
26.4.2020
Although Bitcoin (BTC) first hit the mainstream as a sort of anonymous Internet currency that allowed people to order drugs via darknet markets like Silk Road, the reality is transactions made on the network are completely public. Indeed, the current level of privacy offered by Bitcoin and many...
Different Approaches to Responsive CSS Motion Path
24.4.2020
As a follow-up to Jhey’s recent post on responsive motion paths, Michelle Barker notes that another approach could be to just transform: scale() the whole dang element.
The trade-off there is that you’re scaling both the path and the element on the path at the same time; Jhey’s...
Collective #603
23.4.2020
Gallery * Responsive CSS Motion Path * Spacing in CSS * pattern.css * The Cost of JavaScript Frameworks
Collective #603 was written by Pedro Botelho and published on Codrops
More Industry Players Weigh in on Bitcoin's Path Once Businesses Reopen
17.4.2020
As the U.S. considers lifting coronavirus prevention measures, two more industry players weigh the event's impact on Bitcoin's price
Create a Responsive CSS Motion Path? Sure We Can!
15.4.2020
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking.
A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths....
Create Diagonal Layouts Like it’s 2020
9.4.2020
Nils Binder covers the ways:
1. Use an SVG in the form of a triangle. This technique is nicely described by Erik Kennedy on CSS-Tricks.
2. Hide part of your section using clip-path. Read Diagonal Containers in CSS by Sebastiano Guerriero or Sloped edges with consistent angle...
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset
30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like:
.el {
transform: rotate(10deg) scale(0.95) translate(10px, 10px);
}
...we can do:
.el {
rotate: 10deg;
scale: 0.95;
translate: 10px 10px;
}
That's extremely...