GLMap is a lightweight offline map component with a simple mechanism of integrating into any iOS or Android application. With the GLMap framework, map data is prepared on CPU and is rendered directly on GPU using OpenGL ES 2.0. This allows each processor to do the job it does best. By splitting up data processing, …
Riding Light
Responsible Social Share Links
Social share scripts are convenient and easy to copy & paste but rely on JavaScript and add additional overhead to your site, which means more HTTP requests and slower load times. Instead, use share links that don’t require you to load scripts for each social site. Back to the basics: URLs and plain HTML (with …
HTTPie – Command line HTTP client
HTTPie (pronounced aych-tee-tee-pie) is a command line HTTP client. Its goal is to make CLI interaction with web services as human-friendly as possible. It provides a simple http command that allows for sending arbitrary HTTP requests using a simple and natural syntax, and displays colorized output. HTTPie can be used for testing, debugging, and generally …
The impact of checking your phone before going to bed
Staring at screens right before sleep turns out to be a lot worse than previously thought. Dr. Dan Siegel, clinical professor of psychiatry at the UCLA School of Medicine, lays out all of the negative effects bedtime screen viewing can have on the brain and body. Can’t see the video? Check the original here.
Big Birdman
The NY Sea
CSS3 Grid By Example
Rachel Andrew: I have been writing and speaking about the CSS Grid Layout Module for some time now. In order to learn how Grid works I’ve put together lots of small examples, and I am publishing them here as a resource for anyone else interested in this emerging specification. Great to see these all bundled …
SVG and <picture>
<picture> <!–[if IE 9]><video style="display: none;"><![endif]–> <source type="image/svg+xml" srcset="path/to/header–full.svg"> <source type="image/svg+xml" srcset="path/to/header–medium.svg" media="(max-width: 1024px)"> <source type="image/svg+xml" srcset="path/to/header–small.svg" media="(max-width: 640px)"> <!–[if IE 9]></video><![endif]–> <img src="path/to/header-1x.png" srcset="path/to/header-2x.png 2x, path/to/header-3x.png 3x" alt="Header description"> </picture> Besides using an SVG as a background image in CSS, you can serve SVG foreground images in HTML using one of several embedding techniques, …