Brian Cannard avesus

Mobile Safari does not support position: fixed when an input focused and virtual keyboard displayed.

To force it work the same way as Mobile Chrome, you have to use position: absolute, height: 100% for the whole page or a container for your pseudo-fixed elements, intercept scroll, touchend, focus, and blur events.

The trick is to put the tapped input control to the bottom of screen before it activates focus. In that case iOS Safari always scrolls viewport predictably and window.innerHeight becomes exactly visible height.

Open https://avesus.github.io/docs/ios-keep-fixed-on-input-focus.html in Mobile Safari to see how it works.

Please avoid forms where you have several focusable elements because more tricks to fix position will be necessary, those were added just for demonstration purposes.

Bulk Memory Operations

Motivation

Some people have mentioned that memcpy and memmove functions are hot when profiling some WebAssembly benchmarks. Some examples:

WebAssembly/design#236 (comment)

I've been looking at perf profiles for wasm unity benchmark a bit recently and see that some

Most configuration really isn't about the app -- it's about where the app runs, what keys it needs to communicate with third party API's, the db password and username, etc... They're just deployment details -- and there are lots of tools to help manage environment variables -- not the least handy being a simple .env file with all your settings. Simply source the appropriate env before you launch the app in the given env (you could make it part of a launch script, for instance).

env files look like this:

SOMEVAR="somevalue"
ANOTHERVAR="anothervalue"

To source it:

$ source dev.env # or staging.env, or production.env, depending on where you're deploying to

'use strict' Considered Pointless and Harmful

What is strict mode?

According to the MDN reference, it is:

ECMAScript 5's strict mode is a way to opt in to a restricted variant of JavaScript [sic].

It goes on to say:

Why I hate TypeScript

Warning: These views are highly oppinated and might have some slightly incorrect facts. My experience with typescript was about 2 weeks in Node and a week in angular2.

Not Standard

TypeScript is implementing their own take on JavaScript. Some of the things they are writing will likely never make it in an official ES* spec either.

Technologies that have competing spec / community driven development have a history of failing; take: Flash, SilverLight, CoffeeScript, the list goes on. If you have a large code base, picking TypeScript is something your going to be living with for a long time. I can take a bet in 3 years JavaScript will still be around without a doubt.

Its also worth noting that they have built some things like module system and as soon as the spec came out they ditched it and started using that. Have fun updating!

Beware of `<script async defer>` blocking HTML `"load"` event

2015.10.07 t

On the importance of simulated latency testing, and bulletproofing your page from the third-party JS load failures

TL;DR

Table of Contents:

Why FLUX?
About this Guide
Library Dependencies
Directory Structure
store.js
constants.js
dispatcher.js
actions.js
app.js

	# I love super fast keyboard. Most of my friends and colleagues can't follow
	# I use `atkbd.softrepeat=1` on the kernel command line.
	# Even Visual Assist plugin in Visual Studio doubles keyboard repeat rate with _a reason_.
	# I'm working on my laptop without X installed to avoid procrastination.
	# I've spend a working day googling how to make `kbdrate` using slower delay than 250.
	# Add this to your /etc/profile.d/kbdrate.sh: sudo kbdrate -r 82 -d 150 if you want it in console.
	# Note that it will force you type password twice. I didn't find any workarounds.
	xset r rate 150 82

	# When exiting from Vim, just type

	<!DOCTYPE html>
	<html>
	<head>
	<title>Redux rocket launcher example</title>
	<script src="https://npmcdn.com/redux@latest/dist/redux.min.js"></script>
	<script src="https://npmcdn.com/[email protected]/dist/redux-saga.js"></script>
	</head>
	<body>
	<p>
	Example created to compare Redux + redux-saga implementation with

	// BitwiseOperations.glsl

	const int BIT_COUNT = 8;

	int modi(int x, int y) {
	return x - y * (x / y);
	}

	int or(int a, int b) {
	int result = 0;