Search
Watch Out! The Next Big Thing After Cryptocurrencies is Here
6.9.2019
Cryptocurrency is today accepted as a legal transactional medium in many countries of the world. The popularity of digital coins is increasingly becoming a norm and barring a few nations which continue to adopt a hostile attitude towards cryptocurrency, the adoption of digital currency has taken...
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...
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...
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!...
Why Did Bitcoin Price Drop Below $10K and What Do We Look for Next?
30.8.2019
Bitcoin price edges toward the $9,100 cliff. Will it bounce or plummet?
A Glassy (and Classy) Text Effect
29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....
Nested Gradients with background-clip
28.8.2019
I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan Judis, which consistently was itself a learning-response post to a post over here by Ana Tudor.
Here's a quick explanation.
You've probably seen...
CoinMarketCap Daily Newsletter #281
28.8.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 28 August, 2019 Adversity "We delight in the beauty of the butterfly, but rarely admit the changes it has gone through to achieve that beauty" - Maya Angelou Yo! Midweek is here. I hope […]
The post CoinMarketCap Daily Newsletter #281...
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...
The Faketoshi BTC 550K Saga - Where Do We Go From Here?
27.8.2019
Craig Wright. Source: a video screenshot, Youtube, Crypto Finder
With the ruling coming in on August 26th in the case of Craig Wright, a controversial Australian computer scientist and supporter of Bitcoin SV (BSV), also known as 'Faketoshi', one may think that this episode in the Cryptosphere...
The New Bitcoin Banks Are Here
23.8.2019
A new age of banking is imminent. Legacy models will be forced to follow suit or become obsolete in the eyes of value holders worldwide, as new bitcoin and crypto services take over, seeking to implement blockchain systems with an eye on convenience and financial inclusion. Announcements...
Using requestAnimationFrame with React Hooks
21.8.2019
Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things that might cause you a headache. Here are three gotcha moments I learned the hard way.
TLDR: Pass an empty array as a second parameter...
Getting Netlify Large Media Going
20.8.2019
I just did this the other day so I figured I'd blog it up. There is a thing called Git Large File Storage (Git LFS). Here's the entire point of it: it keeps large files out of your repo directly. Say you have 500MB of images on your site and they kinda need to be in the repo so you can work with...
Bounce Element Around Viewport in CSS
19.8.2019
Let's say you were gonna bounce an element all around a screen, sorta like an old school screensaver or Pong or something.
You'd probably be tracking the X location of the element, increasing or decreasing it in a time loop and — when the element reached the maximum or minimum value —...
Can you view print stylesheets applied directly in the browser?
19.8.2019
Yep.
Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it.
In Firefox...
It's a little button in DevTools. So easy!
Open DevTools...
The Real Benefits of Blockchain Are Here. They’re Being Ignored
18.8.2019
In making the technology more accessible, many developers are sacrificing the benefits of decentralization for the sake of convenience
These Bitcoin Users Want DAI and DeFi – Here’s How They Plan to Get It
16.8.2019
The Cross-Chain Working Group project will (almost) enable bitcoin transactions on ethereum, opening up a new world of interacting smart contracts
The Making of an Animated Favicon
15.8.2019
It’s the first thing your eyes look for when you’re switching tabs.
That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s...