Search
Developing a robust font loading strategy for CSS-Tricks
10.7.2019
Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects.
Spoiler alert: Font loading is a complex and important part of...
IndieWeb and Webmentions
9.7.2019
The IndieWeb is a thing! They've got a conference coming up and everything. The New Yorker is even writing about it:
Proponents of the IndieWeb offer a fairly straightforward analysis of our current social-media crisis. They frame it in terms of a single question: Who owns the servers? The bulk...
$1 Million Loans Are Being Minted on MakerDAO – More May Be on the Way
9.7.2019
A bullish ETH market appears to be increasing the number of large collateralized debt positions on MakerDAO
Top 10 Dapps on Ethereum
9.7.2019
If you follow the news of Blockchain and Ethereum, you probably heard of CryptoKitties. CryptoKitties is an Ethereum Dapp where players can buy, sell and breed virtual kitties. Rare kitties can sell for more than 100,000 USD, and when the […]
The post Top 10 Dapps on Ethereum appeared first...
Animating with Clip-Path
9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...
Samsung Adds Six New Dapps to its Wallet, More to Follow
9.7.2019
South Korean tech giant Samsung has unveiled a range of new decentralized apps (dapps) for users of its Galaxy S10 smartphone’s blockchain wallet.
The company announced an initial four dapps for the Samsung Blockchain Wallet in March this year, with support for gaming platform Enjin, beauty content...
The Crypto Market Sentiment Improved, More Gains Likely
9.7.2019
In the past three sessions, bitcoin price gained significant bullish momentum from the USD 11,400 support base. BTC/USD broke the key USD 12,000, USD 12,200 and USD 12,500 resistance levels to move into a positive zone. Looking at major altcoins, ethereum and bitcoin cash showed positive signs,...
The Many Ways to Include CSS in JavaScript Applications
8.7.2019
Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application.
I want to preface this post with a disclaimer: There...
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
10 Interesting JavaScript and CSS Libraries for July 2019
8.7.2019
Better vanilla JS syntax, awesome CSS snippets and more cool libraries in our compilation for July 2019
React Starter: Editor Tools
8.7.2019
Before we move into more coding with React, let's talk about the tools that can help us streamline our React development. We want to go into our React development as well equipped as possible!
VS Code June Update: Status Bar Updates, Indent Guides, and more
8.7.2019
It's amazing that VS Code can consistently come out with meaningful updates month after month. The commitment that team has to the needs of the community
New Cambridge Research Shows That Bitcoin Consumes More Power Than Entire Switzerland
6.7.2019
Cryptocurrencies are high energy consuming assets, and Bitcoin is expectedly the highest consumer. However, the recent research by the University of Cambridge is something bigger than most would have expected. Bitcoin consumes more electricity than the entire nation of Switzerland. As of now,...
‘Don’t Worry We Can Just Print More Money’ – Swedish Central Bank Ponders -1.5% Interest Rate
6.7.2019
At a press conference on Wednesday, the head of the Swedish Central Bank admitted that interest rates could potentially go as low as -1.5%, and quipped that Swedes likely wouldn’t even protest. Other countries implementing negative interest rate policies are producing lukewarm results that...
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...
PSA: Linking to a Code of Conduct Template is Not the Same as Having a Code of Conduct
5.7.2019
Did you know we have a site that lists all upcoming conferences related to front-end web design and development? We do! If you're looking to go to one, check it out. If you're running one, feel free to submit yours.
Now that we're running this, I've got loads of Pull Requests for conferences...
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...
CSS-Tricks on Flywheel
4.7.2019
I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you'll get all sorts of answers, but an awful lot of very strong recommendations for Local. I've become one of them!...
39,000 More Merchants Can Accept Litecoin With Flexa Integration
4.7.2019
Litecoin is now accepted by around 40,000 more merchants including Whole Foods, following integration with Flexa network
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....