Search
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...
Bitcoin ETF: How SEC Exemptions Help Firms Offer Interim Products
6.9.2019
There are several exemptions the U.S. Securities and Exchange Commission (SEC) offers that allow companies to launch their bitcoin investment products without registration. While waiting for the SEC to approve their bitcoin ETF, some firms have taken advantage of these exemptions to offer...
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...
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...
Fantasy Sports Giant Fanduel Now Accepts Bitcoin Cash
4.9.2019
The second-largest fantasy sports provider Fanduel has revealed customers can make deposits on the platform using cryptocurrency. Fanduel members can now top up their accounts with BCH or BTC via the digital currency payment provider Bitpay. Also Read: More Than 70 Projects and Applications Built...
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...
Firefox blocks third-party tracking cookies and cryptominers
4.9.2019
This is super interesting stuff from Mozilla: the most recent update of Firefox will now block cryptominers and third-party tracking scripts by default. In the press release they write:
For today’s release, Enhanced Tracking Protection will automatically be turned on by default for all users...
Indian Government’s New Report Views Crypto Positively
4.9.2019
A new Indian government report has put cryptocurrency in a positive light, viewing the mechanisms surrounding it, including initial coin offerings, as “revolutionizing the global fintech landscape.” The report also discusses the regulation of coins and tokens. Also read: Indian...
Dutch Central Bank Prepares to Start Regulating Crypto Sector
4.9.2019
The central bank of the Netherlands is preparing to supervise the country’s crypto sector. The bank has requested crypto exchanges and wallet providers to come forward and submit some information. Once the law takes effect, these operators will be required to register with the central bank...
Fast Software
3.9.2019
There have been some wonderfully interconnected things about fast software lately.
We talk a lot of performance on the web. We can make things a little faster here and there. We see rises in success metrics with rises in performance. I find those type of charts very satisfying. But perhaps even...
Recreating Netlify’s Neat-o Sliding Button Effect
3.9.2019
Have you seen Netlify's press page? It's one of those places where you can snag a download of the company's logo. I was looking for it this morning because I needed the logo to use as a featured image for a post here on CSS-Tricks.
Well, I noticed they have these pretty looking buttons to download...
Indian Exchanges Innovate as Calls for Positive Crypto Regulation Escalate
3.9.2019
Indian crypto exchanges are innovating, launching new products and improving services for their users, despite the country’s regulatory uncertainty and unresolved banking restrictions. Meanwhile, the Indian crypto community continues its efforts to convince the government that the draft bill...
Crypto Needs Less Government Regulation – Not More
2.9.2019
A recent opinion article by Peter Lin, “Why Regulation Is The Best Thing For Crypto,” presents common arguments on why the state and state-affiliated institutions should administer cryptocurrency. Underlying the arguments is an assumption: the free market cannot provide necessary...
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>
...
Should a website work without JavaScript?
2.9.2019
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of this debate, and then let loose to debate it. I don't think anybody can listen to a show like this and not be totally flooded with thoughts!...
Bitcoin.com’s Premier Cryptocurrency Exchange Is Now Live
2.9.2019
We’ve just launched our premier trading platform exchange.Bitcoin.com and registered users can access it right now. Since we announced pre-registration last month, over 10,000 accounts have signed up with our exchange and the platform is ready to provide a world-class trading experience...
Styling Links with Real Underlines
30.8.2019
Before we come to how to style underlines, we should answer the question: should we underline?
In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles.
That’s clear in this advice from Butterick’s...
Working with Attributes on DOM Elements
30.8.2019
The DOM is just a little weird about some things, and the way you deal with attributes is no exception. There are a number of ways to deal with the attributes on elements. By attributes, I mean things like the id in <div id="cool"></div>. Sometimes you need to set them. Sometimes...