Andrew Mok andrewmmc

Mobile Safari's 100% Height Dilemma

Whether you're developing a web application with native-ish UI, or just a simple modal popup overlay that covers the viewport, when it comes to making things work on iDevices in Mobile Safari, you're in for a decent amount of pain and suffering. Making something "100% height" is not as easy as it seems.

This post is a collection of Mobile Safari's gotchas and quirks on that topic, some with solutions and fixes, some without, in good parts pulled from various sources across the internets, to have it all in one place. Things discussed here apply to iOS8, iOS9 and iOS10.

The Disappearing Browser Chrome

Screen real estate on smartphones is limited, so Mobile Safari collapses the browser chrome (address bar and optional tab bar at the top, and tool bar at the bottom) when the user scrolls down. When you want to make something span exactly the height of the viewport, or pin something to the bottom of the screen, this can get tricky because the viewport changes size (or

Disable Device Enrollment Program (DEP) notification on macOS Catalina.md

With full reinstall (recommended)

a. Boot into recovery using command-R during reboot, wipe the harddrive using Disk Utility, and select reinstall macOS

b. Initial installation will run for approximately 1 hour, and reboot once

c. It will then show a remaining time of about 10-15 minutes

Frontend Technical Interview Prep

EDIT: Well this has been linked now so just an FYI this is still TBD. Feel free to comment if you have suggestions for improvements. Also here is an unrolled Twitter thread of a lot of the tips I talk about on here.

I've been doing frontend for a while now and one thing that really gripes me is the interview. I think the breadth of knowledge of a "Frontend Engineer" has been so poorly defined that people really just expected you to know everything. Many companies have made this a hybrid role. The Web is massive and there are many MANY things to know. Some of these things are just facts that you learn and others are things you really have to understand.

Every time I interview, I go over the same stuff. I wanted to create a gist of the TL;DR things that would jog my memory and hopefully yours too.

Lots of these things are real things I've been asked that caught me off guard. It's nice to have something you ca

React/Redux Style Guide

The Ultimate Unit Testing Cheat-sheet

For Mocha, Chai and Sinon

using mocha/chai/sinon for node.js unit-tests? check out my utility: mocha-stirrer to easily reuse test components and mock require dependencies

Sinon Chai
Chai
Sinon
Mocha

Shallow

Real unit test (isolation, no children render)

Simple shallow

Calls:

constructor
render

try {
    throw new Error()
    console.log('A')
    try {
        console.log('B')
    } catch (e) {
        console.log('C')
    }
} catch(e) {

npm list -g --depth=0

	/**
	* Deep diff between two object, using lodash
	* @param {Object} object Object compared
	* @param {Object} base Object to compare with
	* @return {Object} Return a new object who represent the diff
	*/
	function difference(object, base) {
	function changes(object, base) {
	return _.transform(object, function(result, value, key) {
	if (!_.isEqual(value, base[key])) {