Search
Using Custom Properties to Wrangle Variations in Keyframe Animations
12.9.2019
Have you ever wondered how to customize CSS animations keyframes without using any preprocessor feature, like mixins? I keep reaching for preprocessors for this reason, but it would so nice to drop yet one more dependency and go with vanilla CSS.
Well, I found a way to account for variations within...
Hamburger Menu with a Side of React Hooks and Styled Components
10.9.2019
We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism that allows main menus to be tucked off screen, particularly on mobile where every pixel of space counts.
CSS-Tricks is all about double...
Gemini Found a New Way to Lure Institutional Investors into Crypto
10.9.2019
U.S.-based cryptocurrency exchange Gemini claims it has found a solution that might encourage institutional investors to inject more capital into digital assets.
Today, it launched an institutional-grade qualified crypto custodian, called Gemini Custody™, which allows customers to trade their...
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...
‘Avoid Biased Calculations’ Says Crypto Researcher After Cherry-Picked Chart Debate
8.9.2019
On Friday, crypto analytics site Messari and data analyst Zack Voell shared a controversial chart called “Bitcoin Cash versus Lightning,” which claims to display a comparison of activity for both networks. Voell contended that the Lightning Network was growing at a faster rate than...
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...
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...
Will Bears Leave The Way For IOTA Price Rise?
4.9.2019
Price of IOTA has been trying to recover as seen from the weekly chart IOTA (MIOTA) is a distributed ledger on the blockchain platform developed for the ‘Internet of Things’ and has no transaction fee. DAG is the core of the IOTA ecosystem. Like other altcoins, IOTA has also been under the bear...
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...
Burger King Lets You Pay Your Way in Germany — With Bitcoin
3.9.2019
Burger King Germany enables Bitcoin payments in its mobile app
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>
...
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...
The Best (GraphQL) API is One You Write
30.8.2019
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of available data and I can ask for whatever I want. That's a massive improvement over REST and highly empowering for me as a front-end developer...
Cryptocurrencies Such as Bitcoin Cash Shine During Hong Kong Protests
29.8.2019
The Hong Kong protests started in June 2019 over a controversial bill and now after weeks of demonstrations, marching citizens are fighting for the future of Hong Kong. In the midst of all the activists protesting, digital currencies like bitcoin cash are being promoted as a way for people...
Litecoin Breaks Way Below $70, Is It Retracing to Bears Eye?
29.8.2019
Litecoin price falls below $70, testing support near $65 and $70. LTC seems retracing the bearish path. LTC trading price is currently not supported by any moving averages. Litecoin traces a downward path and plunges below $70. This dip has given a new 90-day low price and is fearing an even deeper...
Can you rotate the cursor in CSS?
28.8.2019
Kinda! There is no simple or standard way to do it, but it's possible. You can change the cursor to different built-in native versions with CSS with the cursor property, but that doesn't help much here. You can also use that property to set a static image as the cursor. But again that doesn't help...
Reverse Lookups with JavaScript
28.8.2019
I’ve always loved exploring regular expressions because they’re one of those skills that’s never taught in school — you need to pick them up on the fly, messing up and fixing them along the way. Regex’s are incredibly powerful, and one power they have are referred...
Paxful: Redefining the Way to Sell and Buy Bitcoin
23.8.2019
Paxful is a peer-to-peer platform connecting the buyers and sellers who want to invest and trade in Bitcoin. It has redefined the convenience of buying and selling cryptocurrency and has evolved as one of the credible platforms for managing your digital wallets. The company was founded in 2015,...
Promises and Static Values
23.8.2019
Async can throw a real wrench into the cogs of our programming workflows, all despite the fact that async is the modern JavaScript pattern. While async/await helps, there’s sometimes confusion about the way to have a single function that returns a value whether it exists or needs a Promise...
Navbar Nudging on @keyframers
22.8.2019
I got to be the featured guest over on The Keyframers the other day. We looked at a Dribbble shot by Björgvin Pétur Sigurjónsson and then slowly built it, taking some purposeful detours along the way to discuss various tech.
We start by considering doing it entirely in CSS, then go for some light...