Search
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...
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....
Making width and flexible items play nice together
1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.
The long answer
Let’s say you want to align an image and some text next to each other with like this:
Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...
Placing, Spanning and Density in CSS Grid
1.7.2019
The most common things you learn in CSS Grid is usually related to the grid container and less about the grid items. A generic grid definition applied to the grid container is enough for a basic la
Different Approaches for Creating a Staggered Animation
27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element.
But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...
Different Approaches for Creating a Staggered Animation
27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element.
But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...
Mydigitaldiscount.com Will Sell You Home Automation Gadgets for Bitcoin
22.6.2019
The range of products and services you can pay for with digital coins is constantly expanding. Cryptocurrencies, which are considered to be the future of money, can now be used to purchase items that will change our lives in the future. An online retailer in the U.S. called My Digital Discount...
These Websites Help You Shop With Major Retailers Using Cryptocurrency
20.6.2019
Cryptocurrency users are often forced to convert their coins to fiat in order to purchase items from leading retailers and ecommerce platforms such as Walmart and Home Depot, Amazon, Aliexpress, and Ebay. The hesitation of these merchants to embrace crypto payments has created a niche that’s...
Peaceful Warrior Lets You Buy Jewelry With Bitcoin Cash
19.6.2019
Do you want to show off your support for cryptocurrency and look good doing it? Peaceful Warrior lets you buy jewelry that will do just that, and you can also pay for all items in the store with bitcoin cash, of course. Also Read: How to Invest in Cryptocurrency Without Worrying About Volatility...