Search
The Deal with the Section Element
15.1.2020
Two articles published the exact same day:
Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section>
Adam Laki on Pine: The Difference Between <section> and <div> Element
They are comparing slightly different things, but they both...
Debunking the Myth: Accessibility and React
15.1.2020
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. The tools are there to achieve good...
How many CSS properties are there?
15.1.2020
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them:
npx get-all-css-properties
You'll get 259 of them. The source code uses the website quackit.com...
Business Dad
15.1.2020
Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian, the co-founder of Reddit, talking to dads. The first episode is with Hasan Minhaj(!)
Speaking of podcasting, Dave wrote up his thoughts...
A Trick That Makes Drawing SVG Lines Way Easier
14.1.2020
When drawing lines with SVG, you often have a <path> element with a stroke. You set a stroke-dasharray that is as long as the path itself, as well as a stroke-offset that extends so far that you that it's initially hidden. Then you animate the stroke-offset back to 0 so you can watch...
In Defence of “Serverless” —the term
14.1.2020
Ben Ellerby:
For now Serverless, to me at least, manages to do a hard job, defining the borders of a very fluid and complex space of possible solutions in which we can build next-generation architectures. It would help if there was not a framework of the same name, it would help if people didn’t...
Netlify High-Fives
14.1.2020
We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. It's a web host, but for your jamstack sites...
Market Outlook: Bullish Trend Sends Crypto Prices Northwards
14.1.2020
Digital currency markets are seeing significant gains this week as the entire market capitalization gained $28 billion in the last seven days. Moreover, trade volume has spiked to a massive $100 billion and during the last 24 hours, numerous digital assets have gained between 3-48%. Also read:...
Regulatory Roundup: EU-Wide Crypto Regulations, New Rules in Europe, US, Asia
14.1.2020
In this roundup, we cover EU-wide crypto regulations and individual countries’ new digital asset rules including Austria and the U.K. We also cover numerous crypto regulatory developments in the U.S., China, Japan, South Korea, India, and the Philippines. Also read: Regs Roundup: SEC Actions...
Snowpack
14.1.2020
Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports).
This is how I digest it. When you write a line of code...
China Issues Digital Currency Guide for Party Cadres
14.1.2020
Understanding a complex subject should be easier with access to educational materials. With blockchain and CBDC now part of Beijing’s political vocabulary, the Communist Party of China (CPC) has issued a guide to digital currencies meant to prepare party officials for upcoming changes in...
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)
...
A Scandal in Bohemia
13.1.2020
I love that Paravel is so busy doing so much cool stuff they literally just forgot that they built this and are just now releasing it.
It's a Sherlock Holmes story, but designed to be more interesting and immersive (even audio!) than just words-on-a-screen.
Direct Link to Article —...
Close to 11 Million BTC Haven’t Moved in Over a Year
13.1.2020
According to a new research report published by Digital Asset Data, more than 10 million BTC has been sitting dormant for a whole year. Data shows that unmoved bitcoins account for roughly 59% of the current minted supply and it’s the largest number of dormant coins since the start of 2017....
How to Animate on the Web With Greensock
13.1.2020
There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to dive into a step-by-step guide of one of my favorite ways to get it done: using GreenSock.
(They don’t pay me or anything, I just really enjoy...
Why do we have different programming languages?
13.1.2020
"But why do I have to learn Python?" She wailed, "I like Scratch!"
"I know," I said, "But there are different programming languages for different sorts of tasks."
"That's stupid" she said
I can empathize with the little girl in Terence Eden's story. In high school, I got super into Turbo Pascal....
Japan and Philippines Discuss Pro-Crypto Laws, Cooperation Among Asian Countries
13.1.2020
Japanese Minister Naokazu Takemoto and Philippine Cabinet member Raul Lambino of Crypto Valley of Asia recently met to discuss Asian countries’ crypto regulations. They urge the Philippine Congress to introduce legislation on cryptocurrencies and security tokens, calling for cooperation among...
White House Market Wants to Become the Darknet’s Toughest DNM
13.1.2020
White House Market (WHM) is an ultra-secure darknet market (DNM). It disallows Javascript, enforces PGP throughout, admins key sign every 72 hours, and only accepts monero (XMR). It might be the darknet’s most private market. But do its vendors deliver? News.Bitcoin.com dusted down some...
EU Countries Commence Crypto Regulations as Mandated by New Directive
11.1.2020
The European Union’s 5th Anti-Money Laundering Directive mandates that member states start regulating crypto assets by Jan. 10. Crypto exchanges and custodial wallet providers are now covered by the same regulatory requirements as banks and other financial institutions. Also read: Regs...
Re-creating the ‘His Dark Materials’ Logo in CSS
11.1.2020
The text logo has a slash cut through the text. You set two copies on top of one another, cropping both of them with the clip-path property.
What's interesting to me is how many cool design effects require multiple copies of an element to do something cool. To get the extra copy, at least with...