Search
Some Little Improvements to My VS Code Workflow (Workspaces, Icons, Tasks)
22.4.2020
I did a little thing the other day that I didn’t know was possible until then. I had a project folder open in VS Code like I always do, and I added another different root folder to the window. I always assumed when you had a project open, it was one top level root folder and that’s...
The Overton Window Opens for a Digital Dollar
25.3.2020
As the federal government looks for ways to distribute coronavirus aid, support for a digital dollar is gaining steam in Washington D.C
Why Bitcoin’s Safe-Haven Narrative Has Flown Out the Window
16.3.2020
After the past week, bitcoin will never again be considered a safe haven investment, argues Noelle Acheson. And that’s not a bad thing…
Override window.alert
11.2.2020
For years the only bit of feedback web developers could get was via alert("{str}") calls. These days we have the web console but, in rare cases, we don’t have a console and alert calls are our only window into a value at a given time. One problem: if an alert sneaks into production code, your...
How Do You Do max-font-size in CSS?
30.1.2020
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky.
Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That's using "viewport units" to size the type, which will...
Autumn (macOS window manager)
17.1.2020
I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are all sorts of APIs, like keyboard command helpers and doing things on events, like waking up from sleep.
I love that it exists, but for...
Case Study: lynnandtonic.com 2019 refresh
6.12.2019
Lynn Fisher walks us step-by-step through the redesign process of her latest outstanding personal website. In this design, increasing the width of the browser window will cause the illustrations on the page crack to open and reveal more within them:
This case study reminded me that Lynn also has...
The Jim Bell System
2.12.2019
As I write this article on July 3, 2002, I am already hearing out my window the occasional pops of micro-explosives enthusiasts getting a head start on their annual excuse to play with things that go bang and supposedly celebrate their freedom. Tomorrow, libertarians across the country will use...
An Introduction to the Picture-in-Picture Web API
26.11.2019
Picture-in-Picture made its first appearance on the web in the Safari browser with the release of macOS Sierra in 2016. It made it possible for a user to pop a video out into a small floating window that stays above all others, so that they can keep watching while doing other things. It’s an idea...
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...
New York Watchdog Extends Window for Bittrex Users to Withdraw Funds
25.10.2019
The crypto exchange will again extend its deadline for New York customers to withdraw funds from their accounts following the regulator's approval
Weekly Platform News: WebAPK Limited to Chrome, Discernible Focus Rectangles, Modal Window API
25.10.2019
In this week's roundup: "Add to home screen" has different meanings in Android, Chrome and Edge add some pop to focus rectangles on form inputs, and how third-party sites may be coming to a modal near you.
Let's get into the news.
WebAPKs are not available to Firefox on Android
On Android, both...
Stop Animations During Window Resizing
14.10.2019
Say you have page that has a bunch of transitions and animations on all sorts of elements. Some of them get triggered when the window is resized because they have to do with size of the page or position or padding or something. It doesn't really matter what it is, the fact that the transition...
Bitcoin Millionaire Jumps From Window to Escape Burglar
9.9.2019
A previously unknown event in Norway should serve as a reminder to all crypto holders to secure not only their funds but to take care of their personal security also.
According to Norwegian broadcaster TV2, a high-profile local bitcoin investor in his forties barely got away from a robbery in...
‘Single Window’ Crypto Exchange ShortHop Launches in 7 US States
27.8.2019
“Single window” crypto exchange ShortHop expands to seven U.S. states
How to Stay Safe When Using Darknet Markets
15.6.2019
If you’re planning to visit a darknet market, you’re either keen to window shop or keen to sample the wares. Whatever your reasons for stopping by, that’s your business and no one else’s. Unfortunately, not everyone shares those civilized ideals. To keep those spoilsports...
The Cryptocurrency Market Has Become a Casino
23.5.2019
Crypto trading has always entailed a blend of skill and good fortune, but in the frothy markets of 2019, that weighting is skewed heavily in favor of the latter. Fundamentals go out the window when there’s a surety that the latest token is going to pump at any moment. For traders with a...
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...
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...
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...