Search
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>
...
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...
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...
All the New ES2019 Tips and Tricks
13.8.2019
The ECMAScript standard has been updated yet again with the addition of new features in ES2019. Now officially available in node, Chrome, Firefox, and Safari you can also use Babel to compile these features to a different version of JavaScript if you need to support an older browser.
Let’s look...
Alpha Wallet Receives $1.2 Million Through Pre Series-A Funding
5.8.2019
The digital currency mobile wallet based on Ethereum blockchain popularly known as Alpha wallet has received USD 1.2 million through pre-series funding as per a report published on 5th August. The investors include some of the big names like HashKey, Fenbushi, and LongHash. HashKey Capital...
Can you nest @media and @support queries?
5.8.2019
Yes, you can, and it doesn't really matter in what order. A CSS preprocessor is not required. It works in regular CSS.
This works:
@supports(--a: b) {
@media (min-width: 1px) {
body {
background: red;
}
}
}
And so does this, the reverse nesting of the above:
@media (min-width:...
PR: Evercoin Announces $1M Pre-Seed Financing With gumi Cryptos and Prominent Blockchain and Open Source Pioneers
5.8.2019
San Francisco, CA - Evercoin announced today $1M in pre-seed stage financing from gumi Cryptos and prominent Blockchain and Open Source pioneers.
Investors in this round include:
Gumi Cryptos Capital
Roger Ver -- Founder, Executive Chairman of Bitcoin.com
Ross Mason -- Founder of MuleSoft (sold...
Stefan Rust Appointed New Chief Executive Officer of Bitcoin.com
2.8.2019
Stefan Rust has been appointed as the new chief executive officer of Bitcoin.com. As CEO he will work alongside Roger Ver as the company continues to develop new products and services that promote peer to peer electronic cash and increased economic freedom around the world. Also Read: Pre-Register...
Pre-Register for Bitcoin.com’s New Crypto Exchange to Win Bitcoin Cash Prizes
1.8.2019
Over the last few years, Bitcoin.com has striven to make digital assets more accessible to everyone in the world. In June we launched our peer-to-peer bitcoin cash marketplace Local.Bitcoin.com and this September we’re launching our very own exchange with over 50 trading pairs. Today...
How much specificity do @rules have, like @keyframes and @media?
31.7.2019
I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so... irrelevant?
To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity.
body {
background:...
Intrinsically Responsive CSS Grid with minmax() and min()
31.7.2019
The most famous line of code to have come out of CSS grid so far is:
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...
The Simplest Way to Load CSS Asynchronously
30.7.2019
Scott Jehl:
One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...
Run useEffect Only Once
30.7.2019
React has a built-in hook called useEffect. Hooks are used in function components. The Class component comparison to useEffect are the methods componentDidMount, componentDidUpdate, and componentWillUnmount.
useEffect will run when the component renders, which might be more times than you think....
DigiByte Price Analysis: DigiByte (DGB) Price Shows Positive Run Today
27.7.2019
Recently Rudy Bouwman, The Chief Marketing and Co-Founder of DigiByte Awareness Team, saw seen tweeting how DGB is growing maturity every day. With the ongoing development, DGB is the best UTXO Blockchain and the most secure network too. The future is expected to move in the brighter zone....
Responsive Iframes
25.7.2019
Say you wanted to put the CSS-Tricks website in an <iframe>. You'd do that like this:
<iframe src="https://css-tricks.com"></iframe>
Without any other styling, you'd get a rectangle that is 300x150 pixels in size. That's not even in the User Agent stylesheet, it's just some...
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...
CSS :not() with Multiple Classes
22.7.2019
Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for.
body:not(.home) {
}
But what if there are multiple classes you want to avoid?
There are no logical combinators with :not(), like and or or, but you can chain them, which...
Domain Name Registrar EnCirca Starts Pre-Registrations for Ethereum Addresses
22.7.2019
Like a traditional DNS, the ethereum naming service will allow .eth names to propagate on the internet
Weekly Platform News: CSS ::marker pseudo-element, pre-rendering web components, adding Webmention to your site
18.7.2019
In this week's roundup: datepickers are giving keyboard users headaches, a new web component compiler that helps fight FOUC, we finally get our hands on styling list item markers, and four steps to getting webmentions on your site.
The post Weekly Platform News: CSS ::marker pseudo-element...
Finally… A Post on Finally in Promises
16.7.2019
“When does finally fire in a JavaScript promise?” This is a question I was asked in a recent workshop and I thought I’d write up a little post to clear up any confusion.
The answer is, to quote Snape:
...always.
The basic structure is like this:
try {
// I’ll try to execute some code...