Search
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...
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...
Getting Netlify Large Media Going
20.8.2019
I just did this the other day so I figured I'd blog it up. There is a thing called Git Large File Storage (Git LFS). Here's the entire point of it: it keeps large files out of your repo directly. Say you have 500MB of images on your site and they kinda need to be in the repo so you can work with...
Winklevoss Twins Say They’re ‘In Talks’ About Joining Libra Association
20.8.2019
The Winklevoss twins have been in talks about joining Facebook’s Libra Association
Bounce Element Around Viewport in CSS
19.8.2019
Let's say you were gonna bounce an element all around a screen, sorta like an old school screensaver or Pong or something.
You'd probably be tracking the X location of the element, increasing or decreasing it in a time loop and — when the element reached the maximum or minimum value —...
Ready to Invest in Cryptocurrency: Say 80% of Colombians in Survey
17.8.2019
A new survey has revealed that Colombians are quite interested in the transactions related to cryptocurrency. Peer-to-peer Bitcoin marketplace Paxful conducted this new survey. It was conducted alongside Toluna insights. Those in Colombia have a lot to say about how the knowledge of virtual...
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...
Contextual Utility Classes for Color with Custom Properties
14.8.2019
In CSS, we have the ability to access currentColor which is tremendously useful. Sadly, we do not have access to anything like currentBackgroundColor, and the color-mod() function is still a ways away.
With that said, I am sure I am not alone when I say I'd like to style some links based on...
Say Hi to ‘Smart Beta BTC Index,’ launched by IDX Insights
14.8.2019
Here is the brand new launch by IDX Insights- the ‘smart beta BTC Index.’ It is basically a crypto index that makes use of smart beta construction method. The objective is to offer a controlled risk allocation and therefore, control volatility of the crypto assets. The IDX crypto Index is aiming...
Bitcoin Price: Gold Breakout Could Jolt BTC Above $12K, Say Analysts
13.8.2019
Bitcoin price unfazed and trading flat above $11,000 after SEC delays decision on three Bitcoin ETFs
Blockchain in Business: What Do Companies’ 10-K Reports Say About DLT?
11.8.2019
An analysis of American companies’ stances toward blockchain and distributed ledger technology in SEC-required Form 10-K reports
Dash is More Secure Than Bitcoin, Say Executives Of Dash Core Team
11.8.2019
Executives of the Dash Core team have claimed that Dash Network is much more secure than Bitcoin. Several of them feel that the two recent developments, instant-by-default transactions, and an upgraded consensus protocol, will give the network considerable advantages in terms of user experience...
Kik Lawyers Say SEC Has No Strong Evidence, Twisted Facts in Complaint
7.8.2019
Kik says the SEC has seriously misrepresented the facts relevant to their case, and they will not succeed in the courtroom
Ex-Coinbase CTO Is Behind Mysterious Nakamoto.com, Sources Say
7.8.2019
"Nakamoto is bitcoin country. HODL or GTFO." Sources tell CoinDesk this is the new project from former Coinbase CTO Balaji Srinivasan
Experts Say Mexico’s Regulations Raise the Bar ‘Too High’ for Crypto Entrepreneurs
5.8.2019
New laws are strangling crypto startups before they can begin to trade
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...
NEO Price Analysis: Say Hello to New Listings & Collaborations, NEO Holders
24.7.2019
NEO price may rise up to $15 by the end of this month NEO gets listed on OnTrade making mass adoption possible NEO has not given a single dull moment to its traders and to up its game once again, the crypto recently got listed on the innovative global exchange, OnTrade for 20-fold leverage daily...
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...
Grab a .DEV Domain from Hover! (Sponsored)
19.7.2019
I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology, and to network. What’s...