Search
Comparing the Different Types of Native JavaScript Popups
31.10.2019
JavaScript has a variety of built-in popup APIs that display special UI for user interaction. Famously:
alert("Hello, World!");
The UI for this varies from browser to browser, but generally you’ll see a little window pop up front and center in a very show-stopping way that contains the message...
Crypto Market Sentiment Back to Pre-Crash Level; Bitcoin Reigns Alone
28.10.2019
It has been an interesting past week for the Cryptoverse, seeing both a crash and a rally. The combined 7-day Sentscore for the top 10 coins by market capitalization didn’t rise for the fourth week in a row, but it didn’t drop either. It’s still at 4.94/10, where we saw it last Monday, according...
Bitcoin.com Joins the Coinex Chain Pre-Election Node Process
26.10.2019
Trading platform Coinex recently announced the creation of a public decentralized exchange (dex) blockchain that leverages the consensus protocols Tendermint and the Cosmos SDK. This month, up until the mainnet launch, Coinex is in the midst of its pre-election process with new node participants...
The `hidden` Attribute is Visibly Weak
16.10.2019
There is an HTML attribute that does exactly what you think it should do:
<div>I'm visible</div>
<div hidden>I'm hidden</div>
It even has great browser support. Is it useful? Uhm. Maybe. Not really.
Adam Laki likes the semantics of it:
If we use the hidden...
Weekly Platform News: Impact of Third-Party Code, Passive Mixed Content, Countries with the Slowest Connections
10.10.2019
In this week's roundup, Lighthouse sheds light on third-party scripts, insecure resources will get blocked on secure sites, and many country connection speeds are still trying to catch up to others... literally.
Measure the impact of third-party code during page load
Lighthouse, Chrome’s built-in...
A Snippet to See all SVGs in a Sprite
8.10.2019
I think of an SVG sprite as this:
<svg display="none">
<symbol id="icon-one"> ... <symbol>
<symbol id="icon-two"> ... <symbol>
<symbol id="icon-three"> ... <symbol>
</svg>
I was long a fan of that approach for icon systems...
Facebook’s Libra Nodes Are Live on ‘Pre-Mainnet’, Roadmap Confirms
3.10.2019
Facebook’s Libra devs unveil their latest step to formal launch
Filtering Data Client-Side: Comparing CSS, jQuery, and React
24.9.2019
Say you have a list of 100 names:
<ul>
<li>Randy Hilpert</li>
<li>Peggie Jacobi</li>
<li>Ethelyn Nolan Sr.</li>
<!-- and then some -->
</ul>
...or file names, or phone numbers, or whatever. And you want to filter them...
Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a Fallback
23.9.2019
You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time.
One of the principles of JAMstack is that of pre-rendering. In other words, it generates your site into a collection of static assets in advance, so that it can be served...
(Why) Some HTML is “optional”
16.9.2019
Remy Sharp digs into the history of the web and describes why the <p> tag doesn’t need to be closed like this:
<p>Paragraphs don’t need to be closed
<p>Pretty weird, huh?
Remy writes:
Pre-DOM, pre-browsers, the world's first browser was being written by Sir...
Why the Marshall Islands Is Doing a Pre-Sale for Its National Cryptocurrency
12.9.2019
Revealed at Invest: Asia, the Republic of the Marshall Islands is launching a token pre-sale for its sovereign cryptocurrency, the SOV
Some HTML is “Optional”
11.9.2019
There is a variety of HTML that you can just leave out of the source HTML and it's still valid markup.
Doesn't this look weird?
<p>Paragraph one.
<p>Paragraph two.
<p>Paragraph three.
It does to me, but the closing </p> tags are optional. The browser will detect...
Bitkub Baggs Funding of $1.67m in Pre-Series A Round
9.9.2019
Bitkub, Bangkok based crypto exchange giant recently bagged funding of $1.67 million in a round A of the pre-series. Based in Bangkok, Bitkub Capital Group Holdings Co., Ltd (BCGH) is on its way to channel the blockchain economy into its core potential and services. Moreover, company resources...
PR: PayKassa.pro Launches Multifunctional Payment Aggregator
5.9.2019
Cryptocurrencies will be in great demand in the future, as the cryptocurrency market surprised skeptics once again. As soon as Bitcoin began its bullish trend, hundreds of other crypto coins followed the example. The authorities of large countries are starting to think about regulation,...
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:...