Search
These Online Stores Will Sell You Masks, Gloves, Emergency Items for Cryptocurrency
15.3.2020
Events like the global coronavirus outbreak provide good justification for some prepping. Crises like this often result in shortages and skyrocketing prices of important emergency items, proving that everyone should keep a box of face masks and even a decent survival kit, should things go really...
Animate Text on Scroll
13.1.2020
We covered the idea of animating curved text not long ago when a fun New York Times article came out. All I did was peek into how they did it and extract the relevant parts to a more isolated demo.
That demo is here:
See the Pen
Selfie Crawl by Chris Coyier (@chriscoyier)
...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Ross Ulbricht Supporters Auction Collectibles After BTC Price Wager Goes Sour
4.1.2020
Digital currency influencers have started an auction to raise money for Ross Ulbricht who is serving a double life sentence for his involvement with Silk Road. There are lots of unique items for auction including artwork, physical coins, and other collectibles. Additionally, the crypto community...
Make a smooth shadow, friend.
19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look.
This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...
Masking GIFs with other GIFs
3.12.2019
The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one:
See the Pen
Masking gifs with other gifs......
SludgeFeed Teams With OpenSea to Introduce Blockchain Gaming Items to News Website
21.11.2019
SludgeFeed, which serves as a well-known startup digital currencies news web portal that focuses on the blockchain and gaming niche, has announced the news about its collaboration with OpenSea, a trusted digital platform dedicated to the buying and selling of crypto-collectibles at user...
Pac-Man… in CSS!
11.11.2019
You all know famous Pac-Man video game, right? The game is fun and building an animated Pac-Man character in HTML and CSS is just as fun! I’ll show you how to create one while leveraging the powers of the clip-path property.
See the Pen
Animated Pac-Man by Maks Akymenko (@maximakymenko)
...
PlayDApp Will Unlock the True Potential of Gaming
24.10.2019
The blockchain will unlock gaming’s true value
Asia's largest blockchain festival 'KBW 2019' main conference 'D. FINE'
Kevin Chu "Gamers are already ready to use blockchain technology"
Sung-Won Choi PlayDapp Head of Strategy "Share items in different games with blockchain”
The post PlayDApp Will...
Making Tables Responsive With Minimal CSS
17.10.2019
Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this:
See the Pen
Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt)
...
Realmx Video Game Officially Launches on Bitcoin Cash
11.10.2019
During the first week of August, the development team Block Hop announced a sandbox video game called Realmx that’s fueled by bitcoin cash. On October 10, Block Hop developers revealed that after “months of development and preparation,” Realmx can now be played on desktop...
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...
How to Create Non-Fungible Assets and Collectible Tokens With Bitcoin Cash
22.8.2019
On August 21, James Cramer, the developer behind the Simple Ledger Protocol (SLP), announced the launch of the Electron Cash SLP version 3.5. The latest release allows people to create a new type of SLP token called NFT1, a non-fungible token that can be grouped together by a single ID....
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...
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...
Developers Reveal Sandbox Video Game Powered by Bitcoin Cash
8.8.2019
On August 7, developers from the team Block Hop announced a new sandbox game powered by the Bitcoin Cash (BCH) blockchain. The gaming software called Realmx is a “next-generation” game that uses blockchain technology, extensible crafted items, and online gaming to create unique...
The Top Tech People to Follow on Twitter for Your Stack
9.7.2019
Twitter like other social media bring people together, and lots of everyday activities go on here too, people get jobs, sell, connect, work and even get items for free. This brings in the q
Five Methods for Five-Star Ratings
5.7.2019
In the world of likes and social statistics, reviews are very important method for leaving feedback. Users often like to know the opinions of others before deciding on items to purchase themselves, or even articles to read, movies to see, or restaurants to dine.
Developers often struggle with with...
The Twelfth Fourth
4.7.2019
CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me.
How the hell can a person go to work in the morning
And come home in...