Search
CBD Coffee Company Leverages Censorship-Resistant Nature of Crypto
11.12.2019
On December 8, the U.S.-based coffee firm that uses cannabidiol (CBD) in its product, Crazy Calm, launched a promotion that aims to send $5 per order to the charity EatBCH. The founder of Crazy Calm, Matt Aaron, also detailed that the startup wanted to leverage the payment processor Shopify but...
A Business Case for Dropping Internet Explorer
28.10.2019
The distance between Internet Explorer (IE) 11 and every other major browser is an increasingly gaping chasm. Adding support for a technologically obsolete browser adds an inordinate amount of time and frustration to development. Testing becomes onerous. Bug-fixing looms large. Developers have...
NASA to Launch Bitcoin to the Moon? Space Agency Seeks Crypto Experience
26.9.2019
Could experience with cryptocurrency help you become a better space scientist? NASA seems to think so. The U.S. aeronautics agency is looking for a big data scientist and specifically mentions that experience with cryptocurrency and blockchain could help you get the job. Also Read: Esports...
CSS-Tricks Chronicle XXXVI
16.9.2019
This is one of these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I was recently in Zürich for Front Conference. It was my first time there and I very much enjoyed the city and the lovely staff of the conference. I...
Staggered CSS Transitions
14.8.2019
Let's say you wanted to move an element on :hover for a fun visual effect.
@media (hover: hover) {
.list--item {
transition: 0.1s;
transform: translateY(10px);
}
.list--item:hover,
.list--item:focus {
transform: translateY(0);
}
}
Cool cool. But what if you had several list...
Datalist is for suggesting values without enforcing values
26.7.2019
Have you ever had a form that needed to accept a short, arbitrary bit of text? Like a name or whatever. That's exactly what <input type="text"> is for. There are lots of different input types (and modes!), and picking the right one is a great idea.
But this little story is about something...
My Favorite Netlify Features
25.7.2019
👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in here might come across as sponsored content and Netlify...
Responsive Iframes
25.7.2019
Say you wanted to put the CSS-Tricks website in an <iframe>. You'd do that like this:
<iframe src="https://css-tricks.com"></iframe>
Without any other styling, you'd get a rectangle that is 300x150 pixels in size. That's not even in the User Agent stylesheet, it's just some...
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...
How I Created a Code Beautifier in Two Days
19.7.2019
I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.
I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...
Restricting a (pseudo) element to its parent’s border-box
2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS.
The desired result.
This...
Binance DEX Garners Praise From Crypto Community, Proving To Become What Users Wanted
26.6.2019
Binance DEX has been a dream project of Changpeng Zhao, but it didn’t get the start it deserves. However, steadily, the platform is gaining praise from popular crypto investors and influencers, which promises a bright future for the decentralized crypto exchange. On Tuesday, the famous pseudonymous...
Easily Deploy a Serverless Node App with ZEIT Now
10.6.2019
I wanted to deploy a simple demo node app the other day using Now, and I got into a lot of difficulties and gotchas, with little help from the official docs. If yo
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
BitConnect Promoter Wanted Over Another Alleged Crypto Scam
4.6.2019
A promoter of the now-shuttered crypto fraud BitConnect has again been charged over a different claimed cryptocurrency scam
Creating a Diversity Scholarship Program for Your Conference
20.5.2019
My partner and I ran a design and development conference company for eight years. During that time, we produced hundreds of hours of conferences, both on-site and online. Diversity scholarships were only becoming a typical conference offering around the time we decided to sunset our business....
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Schnorr Signatures Are Coming to Bitcoin Cash – Here’s What You Should Know
12.5.2019
On Wednesday, May 15, the Bitcoin Cash (BCH) network will be upgraded to incorporate the highly anticipated Schnorr signature algorithm, a digital signature scheme widely known for its simplicity. Also read: Bitcoin History Part 12: When No One Wanted Your BTC Schnorr Sigs Are Coming Next week,...
Bitcoin History Part 12: When No One Wanted Your BTC
12.5.2019
Today, bitcoin is so precious that its hodlers are prone to locking their keys away inside nuclear bunkers, bank vaults, and military grade hardware wallets. But things weren’t always that way. Back in the early days, bitcoin was deemed so undesirable that you would have struggled to give...
Why, How, and When to Use Semantic HTML and ARIA
7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...