Search
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...
Bitcoin Vs. Ripple: BTC & XRP May Spend this Whole Quarter before Seeing any Significant Improvement
30.7.2019
Bitcoin and Ripple were in worse shape than they were a few days back. Both the coins have lost a significant amount of value in the last few days. However, these coins are likely to bounce back by the end of this quarter and reach 15,000 USD & 0.9 USD by the end of this …
The post...
Datalist is for suggesting values without enforcing values
26.7.2019
Have you ever had a form that needed to accept a short, arbitrary bit of text? Like a name or whatever. That's exactly what <input type="text"> is for. There are lots of different input types (and modes!), and picking the right one is a great idea.
But this little story is about something...
JavaScript Proxy with Storage
26.7.2019
The JavaScript Proxy API provides a wealth of “magic” within JavaScript, allowing you to use any object as sort of an alias that allows a wall of validation, formatting, and error throwing. Did you know that you could also employ the Proxy API as an abstraction to different types...
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...
Zdog
24.7.2019
David DeSandro has loads of super cool JavaScript libraries he's created over the years. His latest is Zdog, a "round, flat, designer-friendly pseudo-3D engine for canvas & SVG." It's only been about a month since he dropped it (although, like any good library, it's been simmering) and it...
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...
My New Mac Setup and Why I Switched
24.7.2019
I want to start this article by saying that I'm not here to start or take part in any brand war between Microsoft and Apple. I like both companies and have switched between operating systems occasi
Pseudo Code
23.7.2019
Yonatan Doron wrote a post on Medium not long ago called "Art of Code — Why you should write more Pseudo Code." Love that title, as a fan of pseudo code myself. That is, writing "code" that describes something you want to do or communicate, but that isn't of any particular language and doesn't...
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...
Bitcoin Economist Says You’ve Lost The Battle Already, If You’ve Invested In Any Crypto Than BTC
21.7.2019
Bitcoin was the first cryptocurrency created and it continues to dominate the crypto industry. More than 60% of the crypto market is Bitcoin, which speak volumes in itself. Though coins like Ethereum, Dash, Bitcoin Cash, Litecoin, etc. have gained significant popularity, they are nowhere close...
Coinbase Drops Its Coinbase Bundle Crypto Investment Product Without Any Explanation
19.7.2019
World’s leading crypto exchange Coinbase has struck down the Coinbase Bundle, a crypto investment product, from its website. The company removed the product without any prior information or explanation. The Coinbase Bundle was introduced last year in September, with the aim of giving a simplified...
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...
Get Peak WordPress Performance with Jetpack
18.7.2019
The irony of web performance is that the average page weight of a site continues to go up year after year, despite us being more aware of the problem and having more tools at our disposal to fight it than ever.
To paraphrase Seinfeld, "we know how to fight page weight issues; we just don't use...
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...
JP Morgan Chase Ship Busted: Cocaine, Banks and the Failed Drug War
11.7.2019
A ship seized by the U.S. Customs and Border Protection Agency in June carrying over 15,000 kilos of cocaine has now been tied to JP Morgan Chase’s asset management unit. Officially the company does not exercise any operational control of the vessel, but some serious questions are raised when...
Money and Democracy: Why You Never Get to Vote on the Most Important Part of Society
10.7.2019
It’s very odd that citizens never get to vote or have any say in regard to society’s money, even though it’s one of the most important aspects of everyday life. In fact, in developed countries, most central banks are institutions that are privatized from political interference...
Monero Price Analysis: XMR Acquiring Attention From Traders! It Might Hit 7-Days High Any Minute!
7.7.2019
Kudelski Security successfully completes the recent second audit on Monero blockchain network. This audit was performed on RandomX. Monero might be expecting better surge after the same, and hopefully, the audit results will increase the credibility of the platform too. XMR Price Analysis:...
Exploring Sets and Maps in JavaScript
3.7.2019
Let’s take a look into two new constructs that were introduced in the JavaScript ES6 specification:
Set - The Set object allows you to store unique values of any type
Toast
3.7.2019
One day, all the sudden, I started hearing jokes about toast. I had no idea what the context was. I assumed some friends just got started telling toast jokes, which isn't rare by any means. But it turns out it was a whole thing. It got me thinking, jeez, if I can't keep up with this stuff when it's...