DragonI

Srcset and Sizes

Did some experimentation to figure out how different browsers behave with regards to the srcset and sizes attribute in various browsers. Documented below.

srcset + sizes behavior

Vanilla No AMP No CSS Example: https://codepen.io/cathyxz/pen/vbLrrE

<img srcset="https://placekitten.com/200/200 200w,
 https://placekitten.com/300/300 300w,

If you enjoyed reading this, I'm intending to do more blogging like this over here: https://cdgd.tech

This is not a complaint about Webpack or v4 in any way. This is just a record of my process trying it out so I could provide feedback to the webpack team

Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it. All I need to do is npm i -D webpack@next, right?

+ webpack@4.0.0-beta.2

Falsehoods programmers believe about time

This is a compiled list of falsehoods programmers tend to believe about working with time.

Don't re-invent a date time library yourself. If you think you understand everything about time, you're probably doing it wrong.

Falsehoods

There are always 24 hours in a day.
February is always 28 days long.
Any 24-hour period will always begin and end in the same day (or week, or month).

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

	let isAlreadyFetchingAccessToken = false
	let subscribers = []

	function onAccessTokenFetched(access_token) {
	subscribers = subscribers.filter(callback => callback(access_token))
	}

	function addSubscriber(callback) {
	subscribers.push(callback)
	}

	Steps to recreate tests:

	// Create and configure server:
	1. Create 2GB DigitalOcean server using Forge
	2. Enable OpCache on server
	3. Create http://domain1.com (use whatever domain name you have available)
	4. Create http://domain2.com (use whatever domain name you have available)
	5. Enable SSL on both domains using LetsEncrypt
	6. Install: sudo apt-get install apache2-utils

	/*
	* Handling Errors using async/await
	* Has to be used inside an async function
	*/
	try {
	const response = await axios.get('https://your.site/api/v1/bla/ble/bli');
	// Success 🎉
	console.log(response);
	} catch (error) {
	// Error 😨

	/******************************************************************************/
	'use strict';
	/******************************************************************************/
	// via https://twitter.com/bmeurer/status/821804688454680576

	console.log(`
	// v8 ${process.versions.v8} (Node.js ${process.versions.node})
	`);

	function forVar_______(a) {

	<template>
	<div>
	<input v-validate data-rules="required" :class="{'has-error': errors.has("textInput")}" id="textInput" name="textInput" type="text">
	<span class="error" v-show="errors.has("textInput")">{{ errors.first("textInput") }}</span>
	</div>
	</template>

	<script>
	import { find, propEq } from 'ramda'
	import bus from './bus'