Skip to content

Instantly share code, notes, and snippets.

@khalidl
khalidl / The-Innovators-Dilemma-Summary.md
Created June 25, 2018 14:19 — forked from dscape/The-Innovators-Dilemma-Summary.md
Notes on The Innovator’s Dilemma: When New Technologies Cause Great Firms to Fail

Notes on The Innovator’s Dilemma: When New Technologies Cause Great Firms to Fail

  • Book by: Clayton M. Christensen, Cambridge, Massachusetts: Harvard Business School Press, 1997
  • Prepared by: B.B. McBreen. See [PDF][1] (more readable but it's not plain text)

Summary

  1. Market progress is separate from technology progress. Customers do not always know what they need.
  2. Innovation requires resource allocation which is extraordinarily difficult for disruptive technologies.
  3. Disruptive technology needs a new market. Old customers are less relevant. Disruptive technology is a marketing problem, not a technological one.
@khalidl
khalidl / simulate-typing.js
Created September 11, 2017 05:14 — forked from bendc/simulate-typing.js
Fake typing animation
const trackTime = timing => {
const now = performance.now();
if (!timing.startTime) timing.startTime = now;
const elapsed = now - timing.startTime;
const {duration} = timing;
if (duration != null && duration <= elapsed) timing.startTime = null;
return elapsed;
};
const delay = (callback, duration) => {
@khalidl
khalidl / subtitle-extract.txt
Created May 17, 2016 17:54 — forked from bmaeser/subtitle-extract.txt
extract subtitles from *.mkv-files on osx
lines with $ are commands
### install mkvtoolnix:
$ brew install mkvtoolnix
### list content of the mkv-file:
$ mkvmerge -i mymoviefile.mkv
### what will give you:
@khalidl
khalidl / styles.less
Created February 22, 2016 15:02 — forked from brandondurham/styles.less
Using Operator Mono in Atom
/**
* Using Operator Mono in Atom
*
* 1. Open up Atom Preferences.
* 2. Click the “Open Config Folder” button.
* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
* 5. Tweak away.
*
* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):
@khalidl
khalidl / De-tco
Created August 7, 2014 14:28
De-tco
javascript:(function()%7Bvar x %3D document.querySelectorAll(%27a%5Bdata-expanded-url%5D%27)%3B var l%3Dx.length%3B for(var i%3D0%3B i<l%3B i%2B%2B) %7B x%5Bi%5D.href %3D x%5Bi%5D.getAttribute(%27data-expanded-url%27)%3B %7D%3B return false%3B%7D)()%3B
<?php
class kirbytextExtended extends kirbytext {
function __construct($text, $markdown=true) {
parent::__construct($text, $markdown);
// define custom tags
$this->addTags('figure');
<?php
class kirbytextExtended extends kirbytext {
function __construct($text=false, $markdown=true, $smartypants=true) {
parent::__construct($text, $markdown, $smartypants);
// define custom tags
$this->addTags('figure');
@khalidl
khalidl / high-dpi-media.css
Created November 19, 2012 13:44 — forked from marcedwards/high-dpi-media.css
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs with IE zoomed in */
/* - Android hdpi devices and above */
/* - Android tvdpi devices, including Google Nexus 7 */
@khalidl
khalidl / readability.js
Created July 21, 2012 12:24
Readability bug
js/save.js for http://daringfireball.net/2012/07/iphone_disruption_five_years_in rdb.extensions.js:48
Uncaught Error: Attempting to use a disconnected port object miscellaneous_bindings:54
PortImpl.postMessage miscellaneous_bindings:54
port.onMessage.addListener.responseCallback miscellaneous_bindings:139
response_object rdb.chrome.background.js:46
f.Callbacks.n jquery-1.7.1.min.js:2
f.Callbacks.o.fireWith jquery-1.7.1.min.js:2
w jquery-1.7.1.min.js:4
f.support.ajax.f.ajaxTransport.send.d jquery-1.7.1.min.js:4
js/save.js for http://daringfireball.net/2012/07/iphone_disruption_five_years_in rdb.extensions.js:48
@khalidl
khalidl / dabblet.css
Created July 3, 2012 08:52
line-height (gold) vs. em-box (orange):
/*
line-height (gold) vs. em-box (orange):
the em-box's height can't be calculated accurately.
in this example it's 59px in height.
*/
p {
background: gold;