Tutorial by Examples: r

Install npm install tsify Using Command Line Interface browserify main.ts -p [ tsify --noImplicitAny ] > bundle.js Using API var browserify = require("browserify"); var tsify = require("tsify"); browserify() .add("main.ts") .plugin("tsify&quot...

Install npm install grunt-ts Basic Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ ts: { default : { src: ["**/*.ts", "!node_modules/**/*.ts"] } } }); grunt.loadNpmTasks("grun...

Sometimes we have to resize a UILabel based on dynamic content where the text length is unknown. In this example, width of the UILabel is fixed at 280 points and the height is infinite, lets say 9999. Estimating the frame with respect to the text style and maximumLabelSize. Objective-C UILabel * l...

To create a square, define an element with both a width and height. In the example below, we have an element with a width and height of 100 pixels each. <div class="square"></div> .square { width: 100px; height: 100px; background: rgb(246, 156, 85); } ...

To create a CSS triangle define an element with a width and height of 0 pixels. The triangle shape will be formed using border properties. For an element with 0 height and width the 4 borders (top, right, bottom, left) each form a triangle. Here's an element with 0 height/width and 4 different color...

A burst is similar to a star but with the points extending less distance from the body. Think of a burst shape as a square with additional, slightly rotated, squares layered on top. The additional squares are created using the ::before and ::after psuedo-elements. 8 Point Burst An 8 point burst a...

Circle To create a circle, define an element with an equal width and height (a square) and then set the border-radius property of this element to 50%. HTML <div class="circle"></div> CSS .circle { width: 50px; height: 50px; background: rgb(246, 156, 85); ...

DROP PROCEDURE if exists displayNext100WithName; DELIMITER $$ CREATE PROCEDURE displayNext100WithName ( nStart int, tblName varchar(100) ) BEGIN DECLARE thesql varchar(500); -- holds the constructed sql string to execute -- expands the sizing of the output buffer to accomoda...

A closure can be defined with a typealias. This provides a convenient type placeholder if the same closure signature is used in multiple places. For example, common network request callbacks or user interface event handlers make great candidates for being "named" with a type alias. public...

In most cases you want to define several border properties (border-width, border-style and border-color) for all sides of an element. Instead of writing: border-width: 1px; border-style: solid; border-color: #000; You can simply write: border: 1px solid #000; These shorthands are also ava...

With the border-image property you have the possibility to set an image to be used instead of normal border styles. A border-image essentially consist of a border-image-source: The path to the image to be used border-image-slice: Specifies the offset that is used to divide the image into nine r...

cat >file It will let you write the text on terminal which will be saved in a file named file. cat >>file will do the same, except it will append the text to the end of the file. N.B: Ctrl+D to end writing text on terminal (Linux) A here document can be used to inline the content...

app.UseMvc(routes => { routes.MapRoute( name: "default", template: "{controller=Home}/{action=Index}/{id?}"); }); This will match requests for /Home/Index, /Home/Index/123 and /

An element's opacity can be set using the opacity property. Values can be anywhere from 0.0 (transparent) to 1.0 (opaque). Example Usage <div style="opacity:0.8;"> This is a partially transparent element </div> Property ValueTransparencyopacity: 1.0;Opaqueopacity: 0....

iota can be used in expressions, so it can also be used to assign values other than simple incrementing integers starting from zero. To create constants for SI units, use this example from Effective Go: type ByteSize float64 const ( _ = iota // ignore first value by assigning to b...

Because iota is incremented after each ConstSpec, values within the same expression list will have the same value for iota: const ( bit0, mask0 = 1 << iota, 1<<iota - 1 // bit0 == 1, mask0 == 0 bit1, mask1 // bit1 == 2, mask1 == 1 _, _ ...

Often times, responsive web design involves media queries, which are CSS blocks that are only executed if a condition is satisfied. This is useful for responsive web design because you can use media queries to specify different CSS styles for the mobile version of your website versus the desktop ver...

Joining on a subquery is often used when you want to get aggregate data (such as Count, Avg, Max, or Min) from a child/details table and display that along with records from the parent/header table. For example, you may want to retrieve the top/first child row based on Date or Id or maybe you want a...

Changing some CSS attribute will trigger the browser to synchronously calculate the style and layout, which is a bad thing when you need to animate at 60fps. DON'T Animate with left and top trigger layout. #box { left: 0; top: 0; transition: left 0.5s, top 0.5s; position: absolute; ...

Writes an error message to the console if the assertion is false. Otherwise, if the assertion is true, this does nothing. console.assert('one' === 1); Multiple arguments can be provided after the assertion–these can be strings or other objects–that will only be printed if the assertion is fals...