Search
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
Making width and flexible items play nice together
1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.
The long answer
Let’s say you want to align an image and some text next to each other with like this:
Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...
Satoshi Comparisons Surface After Grin Founder Exits in Similar Circumstances
29.6.2019
Pseudonymous Grin founder Ignotus Peverell has stepped away from the project, reassuring the privacy coin’s community that it is in “safe hands.” The move has sparked inevitable Satoshi Nakamoto comparisons. Bitcoin’s pseudonymous creator used almost identical language eight...
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
ES6 Arrow Functions in JavaScript - Getting Started
25.6.2019
With ES6 JavaScript came many updates to the language including the spread operator, object destructuring, new tpye of variables, and more. On top of all those amazing features came arrow f
Bitmain’s Nishant Sharma Talks China and Crypto in the Humans of Bitcoin Podcast
19.6.2019
This week on the Humans of Bitcoin podcast host Matt Aaron chatted with Bitmain’s Nishant Sharma who shared his story and discussed the western hemisphere’s false impressions of China and Bitcoin. During the interview, Sharma conversed about his work with Bitmain, one of the largest...
Digital Asset Partners With Amazon AWS Aurora on Smart Contract Language Interoperability
18.6.2019
Blockchain software firm Digital Asset has partnered with Amazon Web Services Aurora to make its open-source smart contract language DAML more interoperable
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
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...
React Starter: JSX Basics
11.6.2019
JSX is the templating language for React. JSX is also one of the main reasons why devs say they dislike React at first.
As with all new tools, there will be a learning curve. JSX is no diffe
Kadena Releases Updated Smart Contract Language for ‘Hybrid Blockchains’
6.6.2019
The enterprise blockchain startup has updated its Pact programming language to allow smart contract execution between private and public networks
Community Funding and Bringing Smart Contracts to BCH in the Weekly Update From Bitcoin.com
3.6.2019
The Bitcoin Cash community is working to raise funding for developers and a new programming language is bringing smart contract functionality to BCH. Watch these and other developments discussed in this week’s video update on Bitcoin.com’s Youtube channel. Also Read: How to Check...
Implementing Private Variables In JavaScript
1.6.2019
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...
Reducing motion with the picture element
31.5.2019
Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that:
<picture>
<!-- This image will be loaded if...
Cashscript Is Coming, Bringing Ethereum-Like Smart Contracts to Bitcoin Cash
29.5.2019
On May 27, the analytics and data web portal Coin Dance announced the team has added the Cashscript project to the website’s development tracker. Cashscript is a high-level language that enables basic smart contract functionality on the Bitcoin Cash (BCH) network. Also Read: Crypto Assets...
Telegram Introduces New Programming Language for TON Network
25.5.2019
Encrypted messenger Telegram has created Fift, a new programming language for the TON blockchain
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
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...