Chris Henrick clhenrick

Find the full post on fotis.xyz

:focus-visible is a standard way of only showing focus styles for keyboard and focus-based modalities. When using it, however, you must take care to not remove :focus altogether, where :focus-visible is not supported.

With CSS, we can achieve progressive enhancement of :focus to :focus-visible:

/* Styles where only focus is supported */
button:focus,

Setting up Jest with ESM

Here are some different ways on how to set up Jest to support ESM. This applies for Jest v25, Node v13, and Babel v7.

Method A: Native Node.js support

Node v14 and Jest v26 support ESM natively with the --experimental-vm-modules flag.

Install cross-env:

This is a demonstartion of how to align arbitrary GeoJSON data to the us-atlas topojson data.

It's important to note that the TopoJSON from us-atlas has it's map projection, (d3.geoAlbersUsa), built into it. In other words, it is considered "projected" geographic data.

This is an important distinction from GeoJSON data which is most typically stored in the unprojected Coordinate Reference System WGS84, also commonly referred to as "lat, lon" (though coordinates are most often stored in the order longitude, latitude).

I had a large dataset in postgis and wanted to avoid the hassle of first exporting it to a several GB geojson file before tiling it with Tippecanoe.

ogr2ogr -f GeoJSON /dev/stdout \                                                                            
PG:"host=localhost dbname=postgres user=postgres password=thepassword" \
-sql "select * from a, roi where a.geom && roi.geom" \
| docker run -i -v ${PWD}:/data tippecanoe:latest tippecanoe \
--output=/data/yourtiles.mbtiles

	Mute these words in your settings here: https://twitter.com/settings/muted_keywords

	ActivityTweet
	generic_activity_highlights
	generic_activity_momentsbreaking
	RankedOrganicTweet
	suggest_activity
	suggest_activity_feed
	suggest_activity_highlights
	suggest_activity_tweet

	export PATH := node_modules/.bin:$(PATH)
	export SHELL := /usr/bin/env bash

	.PHONY: dev
	dev: check-nvm install # run `yarn dev` in .nvmrc-mandated node
	@bash -l -c 'nvm exec --silent yarn -s dev'

	.PHONY: install
	install: # install deps using yarn in .nvmrc-mandated node
	@bash -l -c 'nvm exec --silent yarn -s'

	FROM python:3.6-slim-stretch

	ADD requirements.txt /tmp/requirements.txt

	RUN apt-get update && \
	apt-get install -y \
	build-essential \
	make \
	gcc \
	locales \

Chris Henrick clhenrick

Setting up Jest with ESM

Method A: Native Node.js support

Table of Contents

set -e, -u, -x, -o pipefail

	#!/usr/bin/env bash

	URI="https://services1.arcgis.com/sTaVXkn06Nqew9yU/ArcGIS/rest/services/Political_Boundaries_Feb2016/FeatureServer/1/query?&outfields=*&f=geojson&where=objectid%20is%20not%20null"

	ogr2ogr -f GeoJSON ca_assembly_districts.json $URI OGRGeoJSON

	node_modules/
	.DS_Store