Search
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...
Prototypes and production
11.12.2018
There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week:
...every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended...
Build a state management system with vanilla JavaScript
25.7.2018
Managing state is not a new thing in software, but it’s still relatively new for building software in JavaScript. Traditionally, we’d keep state within the DOM itself or even assign it to a global object in the window. Now though, we’re spoiled with choices for libraries and frameworks to help...
Capture and Report JavaScript Errors with window.onerror
28.5.2018
onerror is a special browser event that fires whenever an uncaught