Search
Bitcoin.com’s Local Bitcoin Cash Marketplace Gathers Thousands of Pre-Launch Signups
27.5.2019
On June 4, Bitcoin.com is gearing up to launch our peer-to-peer trading platform Local.Bitcoin.com. After the exchange was announced, the public were invited to create their accounts and place orders. So far the exchange has seen a huge swarm of interest, with over 4,500 signups to date. Also read:...
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
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...
Cheeze Wizard, The First Cheese Battle Royale On DLT, Bags Pre-Sales Volumes Of Over 500 ETH
22.5.2019
Blockchain-based games have become quite popular in recent times, and they are also a fun way to enter the realm of cryptocurrencies. Tonnes of games have penetrated the market, but Cheeze Wizard promises to be unique. It will be the first DLT based Battle Royale with Cheese. The game was opened...
Crypto Market Rebounds to Pre-crash Level
19.5.2019
The crypto market moved up sharply on Sunday, recovering all its loses suffered after a crash on Friday.
At pixel time (10:17 UTC), all top 100 coins by market capitalization (except four stablecoins) are in green, while bitcoin cash and binance coin are the two biggest gainers (+16% and +14%...
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,...
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Local.Bitcoin.com Aims to Spread Economic Freedom Through P2P Exchange of BCH
16.5.2019
On June 4, Bitcoin.com is launching a peer-to-peer marketplace called Local.Bitcoin.com that will allow users from around the world to buy and sell bitcoin cash (BCH). Now crypto enthusiasts and traders can create a pre-launch account to explore the trading platform and create orders on...
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
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...
Create a Bouncing Page Loader with CSS3 Animations
7.5.2019
Side projects are not only fun but they bring a whole lot of learning experience for you. While hunting for a pre-built page loader for a website I ended up coding one for myself.
Initially
Split
2.5.2019
Jeremy on the divide between the core languages of the web, and all the tooling that exists to produce code in those languages:
On the one hand, you’ve got the raw materials of the web: HTML, CSS, and JavaScript. This is what users will ultimately interact with.
On the other hand, you’ve got...
The Simplest Ways to Handle HTML Includes
30.4.2019
It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that addresses it. I'm talking about straight up includes, like taking a chunk of HTML and plopping it right into another. For example the...
Preload, prefetch and other link tags
24.4.2019
Ivan Akulov has collected a whole bunch of information and know-how on making things load a bit more quickly with preload and prefetch. That's great in and of itself, but he also points to something new to me – the as attribute:
<link rel="preload" href="/style.css" as="style"...
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()...
Get a CSS Custom Property Value with JavaScript
11.4.2019
Here’s a neat trick from Andy Bell where he uses CSS Custom Properties to check if a particular CSS feature is supported by using JavaScript.
Basically, he's using the ability CSS has to check for browser support on a particular property, setting a custom property that returns a value of either...
Using “box shadows” and clip-path together
11.4.2019
Let's do a little step-by-step of a situation where you can't quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it'll be applying a shadow to a shape.
You make a box
.tag {
background: #FB8C00;
color: #222;
font: bold 32px system-ui;
padding:...