Vasilis van Gemert vasilisvg

#Retina images Sharpness is relative. We can only observe if something is really sharp if we can see it next to something that's sharper. Lots of people are looking for solutions for the problem that images look blurry on retina displays. All solutions I've seen so far give the advice to send an image that's twice as wide and twice as high to these new screens. Before you start sending these images, be sure to understand that these files will be four times the size of the smaller version. People with a high end device and a low end connection—everybody in the train in The Netherlands—will hate you.

##Image types I'm generalizing here, but there are two types of images: (1) graphics like logos and (2) photos. Quadroupled images might be justified for the first kind, for logos, icons, things like that. You could also try to find a solution in clever SVG files—with media queries in them, why not? These kinds of ima

iPhone 4 met iOs 5

Safari (de standaard browser)
Opera Mini (een proxy browser)
Chrome

iPad met iOs 5

Safari (de standaard browser)
Opera Mini (een proxy browser)

Send an e-mail when an important feed is updated (not too important, it's not instantaneous)
Save content from a pinboard feed as separate files to my Dropbox so I can use them with nvALT
Save all my tweets in a file in my Dropbox
Save all my tweets as separate files in my Dropbox
Publish pictures I save in a certain dropbox-folder to flickr
Synchronize two pinboard accounts
E-mail myself a monthly reminder to check http://mypermissions.org/
Save feeds with certain tags from several sources to my pinboard account
Save faved items from my Fever install to my pinboard account
Automatically tweet some feeds

The script below is triggered every day from my Mac. I use Hazel to move the tar.gz to an external hard disk once it's finished. This happens every day without me noticing. You can exclude folders if you want to. You probably want to exclude giant cache folders.

You should have a similar script.

	/* your source here */
	@media (max-width: 600px) {
	body {
	padding: 45px 0 150px !important;
	}
	.hero-unit {
	display: none;
	}
	.newpost {
	position: fixed;

	/*
	I want to make a bubble that explains people that they can save the page to their homescreen
	I want to be absolutely sure that this is Safari on an iPhone or iPad
	Not a browser in a webview in a native app
	Not a browser in standalone mode
	Not something else
	This is the closest I can get to something I kinda trust.
	*/

	var nav = window.navigator;

	<!doctype html>
	<title>Is this wrong?</title>
	<object data="header.html"></object>

	<object data="content.html"></object>

	<object data="aside.html"></object>

	<object data="footer.html"></object>

	/**
	* Visually correct vertical centering with Flexbox + margin fallback
	* Lea Verou & David Storey
	* Slight adjustment by Vasilis van Gemert
	*/

	html, body { height: 100%; }

	body {
	width: 100%; /* needed for FF */

	/**
	* WTF?
	*/


	p {
	max-width: 30em
	}

	/**
	* Responsive blog layout te doen
	*/

	article {
	display: inline-block;
	vertical-align: top;
	}
	nav li {
	display: block;