Search
Logical Operations with CSS Variables
11.9.2019
Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could perform logical operations on them. We don't have functions like not(var(--i)) or and(var(--i), var(--k)) in CSS, but we can emulate these...
Some HTML is “Optional”
11.9.2019
There is a variety of HTML that you can just leave out of the source HTML and it's still valid markup.
Doesn't this look weird?
<p>Paragraph one.
<p>Paragraph two.
<p>Paragraph three.
It does to me, but the closing </p> tags are optional. The browser will detect...
Startup Finds and Patches Vulnerability in Code for Facebook’s Libra
10.9.2019
Developers working for startup OpenZeppelin found and patched a vulnerability in the open-source code of Facebook’s Libra
Caniuse and MDN compatibility data collaboration
10.9.2019
Second only to "silly GIFs," I'd guess screenshots of caniuse are the most common slide graphic at web conferences. It's become the ultimate source for looking at web compatibility data in the hearts and minds of web developers.
Can I use CSS filter in Firefox? Yes. Can I use the filter() function?...
Plans to Build $50M Bitcoin Cash Tech Park Revealed
10.9.2019
At the Bitcoin Cash City conference in North Queensland, the CEO of Code Valley, Noel Lovisa, announced plans to build a $50 million dollar Bitcoin Cash tech park in the city of Townsville. The plan is to aggregate startup companies and there are more than 12 Bitcoin Cash focused startups already...
How to Not Minify Source with webpack
10.9.2019
The webpack JavaScript utility has taken over the modern JavaScript landscape, so much so that it’s hard to be a JavaScript developer and not use it. JavaScript build utilities are the point where they do best practices implicitly, like minify code, caching, and more. I was recently debugging...
How to Contribute to an Open Source Project
9.9.2019
The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic familiarity with the command line and Git. If you know the concepts and want to dive right into the step by step how-to guide, check out this part...
Bitcoin Cash-Powered File Storage Concept Sparks Interest and Debate
7.9.2019
Bitcoin Cash (BCH) proponents were introduced to a new project called the Cashweb protocol on Friday. The blockchain file sharing scheme allows people to store and load arbitrary data to the BCH chain. While the new protocol still has “a long way to go,” the developer decided to share...
Telegram Finally Releases Code for Its $1.7 Billion TON Blockchain
6.9.2019
Telegram’s blockchain project, TON, has entered the last preparation stage before going live
Various Methods for Expanding a Box While Preserving the Border Radius
6.9.2019
I've recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there's a rectangle with rounded corners expanding in the back.
Expanding box effect on the CodePen homepage.
Being the curious creature that I am, I had to check how this works! Turns out, the rectangle...
Four Out of Five Top Bitcoin QR Code Generators are Scams: Report
6.9.2019
Most of the top Google results for “bitcoin qr generator” return phishing websites, luring users into sending payments to scammers
Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator
5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news!
Check if your content breaks after increasing text spacing
Dylan Barrell from...
Using a PostCSS function to automate your responsive workflow
5.9.2019
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...
Learn Design for Developers and SVG Animation with Sarah Drasner ✨????
5.9.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js!
Design for Developers
In...
Simple Ledger Protocol Announces Virtual Hackathon Devoted to SLP Token Ecosystem
5.9.2019
For 72 hours on Sep. 27-30, teams from around the world will participate in a Simple Ledger Protocol (SLP) Virtual Hackathon. Participants will compete for $2,000 worth of prizes by submitting open source code utilizing the SLP framework. The Hackathon’s website details that winners with...
As Crypto Markets Go Cold, Who Will Pay for Open-Source Code?
5.9.2019
Formerly a CoinDesk Contributing Editor, Daniel Cawrey is author of the upcoming “Mastering Blockchain” book to be published by O’Reilly Media. Earlier this year IBM purchased Red Hat, the oft-referred to model for how open source can thrive, for $34 billion. Long the consultant to enterprises,...
Multiline truncated text with “show more” button
4.9.2019
Now that we've got cross-browser support for the line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy.
We should at least offer a way to read that that truncated content...
Model-Based Testing in React with State Machines
4.9.2019
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features are added or business logic...
Why Portugal’s Tax-Free Crypto Trading Matters for Bitcoin
3.9.2019
Cryptocurrency enthusiasts and businesses in the industry have had to put up with regulatory uncertainty for quite some time. The strong desire to tap into their incomes and profits goes hand in hand with failure on behalf of authorities and regulators to fully understand the nature...
Need to scroll to the top of the page?
2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like...
<html id="top">
<body>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>
...