Search
Color Inputs: A Deep Dive into Cross-Browser Differences
12.7.2019
In this article, we'll be taking a look at the structure inside <input type='color'> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. Having a good understanding of this input allows us to evaluate whether a certain cross-browser...
Trying the New WSL 2. It's Fast! (Windows Subsystem for Linux)
2.7.2019
Windows Subsystem for Linux is the tool that was released by Microsoft to get a full UNIX system inside of Windows. Microsoft has put in some good initiatives for developers after purchasing GitHub
Keep Your Money and Passport Safe With Products You Can Buy With BCH
28.6.2019
In this day and age, carrying your wallet, passport and mobile phone inside the inner pocket of your jacket is simply not enough to protect your assets. Thankfully, there’s a company called Tarriss which offers products designed to secure both your digital cash and personal data. It sells...
Watch Facebook’s Libra Videos: An Inside Look At the Calibra Wallet
19.6.2019
Facebook provider primers for folks not quite up on their blockchain tech. Here are a few of the best
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...
Inside Monero’s ‘Last Ditch Effort’ to Block Crypto Mining ASICs
12.6.2019
The Monero community is making one last attempt to block specialized mining hardware devices from the network
What if we got aspect-ratio sized images by doing almost nothing?
7.6.2019
Say you have an image you're using in an <img> that is 800x600 pixels. Will it actually display as 800px wide on your site? It's very likely that it will not. We tend to put images into flexible container elements, and the image inside is set to width: 100%;. So perhaps that image ends...
How to Easily Convert Funds From BTC to BCH
28.5.2019
Converting funds from one cryptocurrency to another using an exchange can be costly and time consuming, especially if you don’t already have a verified account at one. Luckily there are much faster and convenient ways, such as switching from BTC to BCH right inside the Bitcoin.com Wallet app....
Bogota’s EXMA 2019 Will Feature Bitcoin Cash Payments at Home Burgers
26.5.2019
At this year’s EXMA conference in Bogota on May 27-28, attendees will find that payment processor Pagos Inteligentes will allow bitcoin cash (BCH) payments at Home Burgers inside the Movistar Arena. The EXMA event is one of the biggest entrepreneurship conferences in Latin America and Pagos...
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...
The “Inside” Problem
20.5.2019
So, you're working on a design. You need a full-width container element because the design has a background-color that goes from edge-to-edge horizontally. But the content inside doesn’t necessarily need to be edge-to-edge. You want to:
Limit the width (for large screens)
Pad the edges
Center...
Footnotes That Work in RSS Readers
17.5.2019
Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...
Bitcoin History Part 12: When No One Wanted Your BTC
12.5.2019
Today, bitcoin is so precious that its hodlers are prone to locking their keys away inside nuclear bunkers, bank vaults, and military grade hardware wallets. But things weren’t always that way. Back in the early days, bitcoin was deemed so undesirable that you would have struggled to give...
A Conspiracy to Kill IE6
6.5.2019
Chris Zacharias published a few notes about why the team at YouTube added a banner that asked users to switch from IE6 to a more modern browser back in 2009:
The bittersweet consequence of YouTube’s incredible growth is that so many stories will be lost underneath all of the layers of new paint....
Getting Started with Python in Visual Studio Code
11.3.2019
Python is one of the most popular and easy to learn languages, which is why it is often one of the first languages you learn. Let's see how to work with and run Python inside of Visual Studio Code!
CSS Algorithms
6.3.2019
I wouldn't say the term "CSS algorithm" has widespread usage yet, but I think Lara Schenck might be onto something. She defines it as:
a well-defined declaration or set of declarations that produces a specific styling output
So a CSS algorithm isn't really a component where there is some parent...
How @supports Works
18.2.2019
CSS has a neat feature that allows us to test if the browser supports a particular property or property:value combination before applying a block of styles — like how a @media query matches when, say, the width of the browser window is narrower than some specified size and then the CSS within...
Using React Portals to Render Children Outside the DOM Hierarchy
15.1.2019
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result.
render() {
return (
<div>
// Child to render inside of the div
</div>
);
}
But! What if we want...
Get Viewport Lines and Columns in CodeMirror
27.11.2018
CodeMirror is an amazing utility for presenting code in a browser environment. Syntax highlighting, widgets, and a number of advanced functions make it a unique, useful tool. When using CodeMirror inside the Firefox DevTools debugger, I found that adding hundreds of column breakpoint widgets...
How to create a logo that responds to its own aspect ratio
28.6.2018
One of the cool things about <svg> is that it's literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it.
This unique feature has let people play around for years. Tim Kadlec experimented with...