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>
...
Tron Price Analysis: Trends in the Crypto are Bullish, a New Protocol Document has been Released for TRX Deposit
25.8.2019
SUN Network recently released a Dapp chain developer documents which introduced a detailed method of asset deposit including deposit of TRX, TRC10, TRC20, and deposit TRC721. Current Statistics of Tron: On August 25, at UTC 09:04, Tron (TRX) vs. USD is trading around $0.01818409. Against Bitcoin...
US Regulator Plans to Outsource Running Cryptocurrency Nodes
2.8.2019
A recently published document reveals that the U.S. Securities and Exchange Commission (SEC) has plans to hire contractors to run specific cryptocurrency full nodes for the government agency. According to the SEC documentation, the regulator wants third-party contractors to run nodes for Bitcoin...
Complete Indian Draft Crypto Bill Leaked – Experts Weigh In
16.7.2019
A draft cryptocurrency bill for India has been leaked in full, but details of the bill have raised some questions. News.Bitcoin.com talked to a number of experts in the field who shared their analyses of the bill’s content and its implications on the Indian crypto industry. Also read:...
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
Grid, content re-ordering and accessibility
13.6.2019
Take this:
<ol>
<li>Get hungry</li>
<li>Order pizza</li>
<li>Eat pizza</li>
</ol>
That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...
Kodak Unveils Document Management Platform Based On Blockchain
7.6.2019
The blockchain space always has something exciting going on in terms of innovative technologies and product launches. Recently, blockchain enthusiasts were treated with an interesting announcement by Kodak, the renowned imaging-tech company, which disclosed the firm’s latest offering –...
Kodak Launches a Blockchain-Enabled Document Management System
7.6.2019
The 130-year old company is offering blockchain-based document management
Kodak Reveals New Blockchain-Based Document Management System
5.6.2019
Kodak Services for Business unveiled a blockchain-based document management platform during a two-day conference in New York
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The
Anchor a Document or File to the BCH Chain With Notary.Bitcoin.com
19.5.2019
In my last article, I explained how to prove ownership of a specific address by signing a message with a public and private key pair. That’s just one way of proving ownership and verifying a valid signature, as BCH users can also anchor a document to the chain using the Bitcoin Cash...
Tech Giants Intel and Microsoft Document Big Problems With Blockchain Technology
15.5.2019
Blockchain technology has been in existence for more than a decade now, and although most people only associate it with a range of cryptocurrencies, it is important to note that the technology in itself has a far wider range of uses. According to many experts, Blockchain technology has...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Could Grouping HTML Classes Make Them More Readable?
22.4.2019
You can have multiple classes on an HTML element:
<div class="module p-2"></div>
Nothing incorrect or invalid there at all. It has two classes. In CSS, both of these will apply:
.module { }
.p-2 { }
const div...
Tabs: It’s Complicated™
19.4.2019
I've said before one quick and powerful thing you can learn as a front-end developer just getting starting with JavaScript is changing classes.
const button = document.querySelector(".my-button");
const element = document.querySelector(".content");
button.addEventListener("click", function()...
Undefined: The Third Boolean Value
5.4.2019
I wanted to implement a notification message in one of my projects, similar to what you’d see in Google Docs while a document is saving. In other words, a message shows up indicating that the document is saving every time a change is made. Then, once the changes are saved, the message becomes: “All...
Understanding Event Emitters
26.3.2019
Consider, a DOM Event:
const button = document.querySelector("button");
button.addEventListener("click", (event) => /* do something with the event */)
We added a listener to a button click. We’ve subscribed to an event being emitted and we fire a callback when it does. Every time we click that...
Creating a Custom Element from Scratch
20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it.
Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...
Smooth Scrolling for Screencasts
13.3.2019
Let's say you wanted to scroll a web page from top to bottom programmatically. For example, you're recording a screencast and want a nice full-page scroll. You probably can't scroll it yourself because it'll be all uneven and jerky. Native JavaScript can do smooth scrolling. Here's a tiny snippet...