Tutorial by Examples: od

Supported by IE11+ View Result Use these 3 lines to vertical align practically everything. Just make sure the div/image you apply the code to has a parent with a height. CSS div.vertical { position: relative; top: 50%; transform: translateY(-50%); } HTML <div class="vertica...

Returns the first element that matches the selector starting at the element and traversing up the DOM tree. HTML <div id="abc" class="row"> <div id="xyz" class="row"> </div> <p id="origin"> Hello &...

Sometimes what you want to do is just too complex for a filter or a simple_tag. Fow this you will need to create a compilation function and a renderer. In this example we will create a template tag verbose_name with the following syntax: ExampleDescription{% verbose_name obj %}Verbose name of a mo...

Backpressure is when in an Observable processing pipeline, some asynchronous stages can't process the values fast enough and need a way to tell the upstream producer to slow down. The classic case of the need for backpressure is when the producer is a hot source: PublishSubject<Integer> sour...

As well as allowing module entities to have access control (being public or private) modules entities may also have the protect attribute. A public protected entity may be use associated, but the used entity is subject to restrictions on its use. module mod integer, public, protected :: i=1 en...

Consider the following example assuming that you have a ';'-delimited CSV to load into your database. 1;max;male;manager;12-7-1985 2;jack;male;executive;21-8-1990 . . . 1000000;marta;female;accountant;15-6-1992 Create the table for insertion. CREATE TABLE `employee` ( `id` INT NOT NULL , ...

With ng-model you can bind a variable to any type of input field. You can display the variable using double curly braces, eg {{myAge}}. <input type="text" ng-model="myName"> <p>{{myName}}</p> As you type in the input field or change it in any way you will s...

class Skill(models.Model): name = models.CharField(max_length=50) description = models.TextField() class Developer(models.Model): name = models.CharField(max_length=50) skills = models.ManyToManyField(Skill, through='DeveloperSkill') class DeveloperSkill(models.Model): ...

In MATLAB versions prior to R2014b, using the old HG1 graphics engine, it was not obvious how to create color coded 2D line plots. With the release of the new HG2 graphics engine arose a new undocumented feature introduced by Yair Altman: n = 100; x = linspace(-10,10,n); y = x.^2; p = plot(x,y,'r...

Information The ABSTRACT and FINAL additions to the METHODS and CLASS statements allow you to define abstract and final methods or classes. An abstract method is defined in an abstract class and cannot be implemented in that class. Instead, it is implemented in a subclass of the class. Abstra...

During development, when certain code paths must be prevented from the reach of control flow, you may use assert(0) to indicate that such a condition is erroneous: switch (color) { case COLOR_RED: case COLOR_GREEN: case COLOR_BLUE: break; default: assert(0); ...

An instance method is a method that's available on a particular instance of a class, after the instance has been instantiated: MyClass *instance = [MyClass new]; [instance someInstanceMethod]; Here's how you define one: @interface MyClass : NSObject - (void)someInstanceMethod; // "-&qu...

Collection initialization syntax can be used when instantiating any class which implements IEnumerable and has a method named Add which takes a single parameter. In previous versions, this Add method had to be an instance method on the class being initialized. In C#6, it can also be an extension me...

The goal with using anonymous structs is to decode only the information we care about without littering our app with types that are used only in a single function. jsonBlob := []byte(` { "_total": 1, "_links": { "self": "https://api.twitch.tv/k...

Code lens is a simple way to know what happens with the code. Here you could find an image with the number of references of a method or class. If you can't see the code lens please see this question: Missing CodeLens references count in VS 2015 Community edition

AngularJS code for two-way binding on a text input: <input ng-model="ScopePropertyX" type="text" /> KnockoutJS equivalent: <input data-bind="textInput: ScopeObservableX" type="text" />

Let's say that we want to have an alternative greeting that is accessible through a different URL. We might create a new function or even a new controller for that, but a best practice is to optimize what we already have, to make it work at it's best! To do this, we'll keep the same view as in the ...

Consider the following block of code. try { using (var disposable = new MyDisposable()) { throw new Exception("Couldn't perform operation."); } } catch (Exception ex) { Console.WriteLine(ex.Message); } class MyDisposable : IDisposable { public vo...

Optionals (also known as Maybe types) are used to represent a type whose contents may or may not be present. They are implemented in C++17 as the std::optional class. For example, an object of type std::optional<int> may contain some value of type int, or it may contain no value. Optionals ar...

<template name="myTemplate"> {{#each results}} <div><span>{{name}}</span><span>{{age}}</span></div> {{/each}} </template> Template.myTemplate.onCreated(function() { this.results = new ReactiveVar(); Meteor.call('myMethod'...