Search
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...
Indian Exchanges Innovate as Calls for Positive Crypto Regulation Escalate
3.9.2019
Indian crypto exchanges are innovating, launching new products and improving services for their users, despite the country’s regulatory uncertainty and unresolved banking restrictions. Meanwhile, the Indian crypto community continues its efforts to convince the government that the draft bill...
Crypto Needs Less Government Regulation – Not More
2.9.2019
A recent opinion article by Peter Lin, “Why Regulation Is The Best Thing For Crypto,” presents common arguments on why the state and state-affiliated institutions should administer cryptocurrency. Underlying the arguments is an assumption: the free market cannot provide necessary...
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!...
Bitcoin.com’s Premier Cryptocurrency Exchange Is Now Live
2.9.2019
We’ve just launched our premier trading platform exchange.Bitcoin.com and registered users can access it right now. Since we announced pre-registration last month, over 10,000 accounts have signed up with our exchange and the platform is ready to provide a world-class trading experience...
Styling Links with Real Underlines
30.8.2019
Before we come to how to style underlines, we should answer the question: should we underline?
In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles.
That’s clear in this advice from Butterick’s...
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...
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....
Crypto Can Boost Indian Economy – How Banning Will Hurt it
29.8.2019
The Indian economy is experiencing severe economic slowdown not seen in many years, and cryptocurrency can potentially help. However, the government is considering a draft bill to ban cryptocurrencies, which could have undesirable consequences on the economy. Meanwhile, the Indian crypto community...
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...
Creating a Maintainable Icon System with Sass
28.8.2019
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages:
They don't require any additional HTTP requests other than the CSS file.
Using the background-size property...
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...
Going Buildless
27.8.2019
I'm in a long distance relationship. That means I’m on a plane to England every few weeks, and every time I'm on that plane, I think about how nice it would be to read some Reddit posts. What I could do is find a Reddit app that lets me cache posts for offline (I’m sure there is one out there),...
More Flexible Online Stores WooCommerce and Gutenberg Blocks
27.8.2019
Blocks have become an indispensable component for managing content in WordPress since the Gutenberg editor was officially released earlier this year. Not only does WordPress include some nifty blocks right out of the box, but we're starting to see plugin developers take advantage of them...
Reusable Popovers to Add a Little Pop
26.8.2019
A popover is a transient view that shows up on top of a content on the screen when a user clicks on a control button or within a defined area. For example, clicking on an info icon on a specific list item to get the item details. Typically, a popover includes an arrow pointing to the location from...
India Facing ‘Unprecedented’ Economic Slowdown, Extraordinary Steps Urged
26.8.2019
Many signs indicate that the Indian economy is under grave stress, affecting nearly all sectors. “India’s economy is in a deep mess,” due to initiatives such as demonetization and GST, some lawmakers say, as they urge the government to handle the situation “which...
Send Token Payouts With Ease Using Bitcoin.com’s SLP Dividend Calculator
25.8.2019
On August 23, Bitcoin.com released a new application called the SLP Dividend Calculator. The new platform allows users to build a transaction to make dividend payments to any Simple Ledger Protocol (SLP) token holder. Also read: How to Create Non-Fungible Assets and Collectible Tokens With Bitcoin...
Cryptocurrency Domains Have Become Hot Property
23.8.2019
Bitcoin, cryptocurrencies, and blockchain technology have become mainstream terms and are now featured in most dictionaries. Crypto-related terms have a lot of value when they are tethered to a web domain, and these days digital currency domains are prime real estate, with some selling for up...