Tutorial by Examples: on

Cofree (Either e) ~~ NonEmptyT (Writer e)

Given data Either e a = Left e | Right a we have data Cofree (Either e) a = a :< Left e | a :< Right (Cofree (Either e) a) which is isomorphic to data Hospitable e a = Sorry_AllIHaveIsThis_Here'sWhy a e | EatThis a (Hospitable e a) or, if yo...

Haskell Language • Common functors as the base of cofree comonads

A) Fixed content's size :

The size of the content will be the same as that of its ScrollPane container. import javafx.scene.control.ScrollPane; //Import the ScrollPane import javafx.scene.control.ScrollPane.ScrollBarPolicy; //Import the ScrollBarPolicy import javafx.scene.layout.Pane; ScrollPane scrollpane; Pane con...

javafx • ScrollPane

B) Dynamic content's size :

The size of the content will change depending on the added elements that exceed the content limits in both axes (horizontal and vertical) that can be seen by moving through the view. import javafx.scene.control.ScrollPane; //Import the ScrollPane import javafx.scene.control.ScrollPane.ScrollBar...

javafx • ScrollPane

Consider Writing More Documentation, Tests, Logging and Assertions Instead of Using a Debugger

Debugging takes time and effort. Instead of chasing bugs with a debugger, consider spending more time on making your code better by: Write and run Tests. Python and Django have great builtin testing frameworks - that can be used to test your code much faster than manually with a debugger. Writ...

Django • Debugging

Displaying current angular2 version used in your project

To display current version, we can use VERSION from @angular/core package. import { Component, VERSION } from '@angular/core'; @Component({ selector: 'my-app', template: `<h1>Hello {{name}}</h1> <h2>Current Version: {{ver}}</h2> `, }) export class AppCompone...

Angular 2 • Commonly built-in directives and services

Orbit Controls

An Orbit Camera is one that allows the user to rotate around a central point, but while keeping a particular axis locked. This is extremely popular because it prevents the scene from getting "tilted" off-axis. This version locks the Y (vertical) axis, and allows users to Orbit, Zoom, and P...

three.js • Camera Controls in Three.js

Custom Camera Control - Mouse-based Sliding

Here's an example of a custom camera controller. This reads the position of the mouse within the client window, and then slides the camera around as if it were following the mouse on the window. index.html <html> <head> <title>Three.js Custom Mouse Camera Control Ex...

three.js • Camera Controls in Three.js

Locate a file on your system

Using bash you can easily locate a file with the locate command. For example say you are looking for the file mykey.pem: locate mykey.pem Sometimes files have strange names for example you might have a file like random7897_mykey_0fidw.pem. Let's say you're looking for this file but you only reme...

GNU/Linux • Shell

Canvas Serilization

<canvas id = "canvas" height='400' width='500'></canvas> var canvas = new fabric.Canvas(document.getElementById('canvas')); console.log(JSON.stringify(canvas)); // '{"objects":[],"background":""}' canvas.add(new fabric.Rect({ left: 10, ...

fabricjs • FabricJS canvas Serialization

NSInvocation Objective-C

Refer to this original Post by e.James According to Apple's NSInvocation class reference: An NSInvocation is an Objective-C message rendered static, that is, it is an action turned into an object. And, in a little more detail: The concept of messages is central to the objective-c philosophy....

iOS • NSInvocation

Installation or Setup

jQuery plugins are typically installed via NPM or Yarn (if hosted there), or referencing an external script file containing the plugin, whether from a relative directory or a CDN. <script type="text/javascript" src="/path/to/plugin.jquery.js"></script>

jquery-plugins • Getting started with jquery-plugins

Component

For an easier transition to Angular 2, it's recommended to use Component, available since Angular 1.5.8 myModule.ts import { MyModuleComponent } from "./components/myModuleComponent"; import { MyModuleService } from "./services/MyModuleService"; angular .module("m...

TypeScript • TypeScript with AngularJS

Navigator component

Navigator works for both IOS and android. import React, { Component } from 'react'; import { Text, Navigator, TouchableHighlight } from 'react-native'; export default class NavAllDay extends Component { render() { return ( <Navigator initialRoute={{ title: 'Awesome Sc...

react-native • Routing

Saving this for use in nested functions / objects

One common pitfall is to try and use this in a nested function or an object, where the context has been lost. document.getElementById('myAJAXButton').onclick = function(){ makeAJAXRequest(function(result){ if (result) { // success this.className = 'success'; } }) }...

JavaScript • Context (this)

Binding function context

5.1 Every function has a bind method, which will create a wrapped function that will call it with the correct context. See here for more information. var monitor = { threshold: 5, check: function(value) { if (value > this.threshold) { this.display("Value is too high!&quot...

JavaScript • Context (this)

this in constructor functions

When using a function as a constructor, it has a special this binding, which refers to the newly created object: function Cat(name) { this.name = name; this.sound = "Meow"; } var cat = new Cat("Tom"); // is a Cat object cat.sound; // Returns "Meow" var ca...

JavaScript • Context (this)

Colour Notation

There are various ways to use colours in Processing since Processing is very flexible with colour formats. RGB and RGBA This is the standard RGB(A) notation and the default color mode. The first three colour values (red, green, blue) range from 0 to 255. For example, the below example is the colou...

processing • Colours in Processing

Accessing the outer class from a non-static inner class

The reference to the outer class uses the class name and this public class OuterClass { public class InnerClass { public void method() { System.out.println("I can access my enclosing class: " + OuterClass.this); } } } You can access fields and ...

Java Language • Nested and Inner Classes

Supporting options with defaults

You can make your plugin customizable by accepting options. $.fn.colourize = function(options) { // This is one method to support default options var style = $.extend({ color: "green", backgroundColor: "white" }, options); // Set the col...

jquery-plugins • Getting started with jquery-plugins

Convert tabs to spaces and spaces to tabs

You can convert tabs to spaces by doing the following: First check that expandtab is switched off :set noexpandtab Then :retab! which replaces spaces of a certain length with tabs If you enable expandtab again :set expandtab then and run the :retab! command then all the tabs becomes spaces...

vim • Whitespace