September 2016

This online compiler can be used to compile typescript to javascript.

This online transformer can be used to compile sass v3 (scss) to css using node-sass.

Mysql contains size of all tables in information_schema.TABLES table. The following query can be used to get size of all databases on a mysql server: read more

To display keys added to ssh-agent using ssh-add, run the following commands. Lists fingerprints of all identities currently represented by the agent $ ssh-add -l read more

Mysql SHOW TABLE STATUS command can be used to display information about all or specified tables in mysql db. Here are some examples: Show status read more

Css round toggle switch can be implemented using html checkbox and a label tag which appears after it. The high level approach steps are: We read more

HTML input tag with type=checkbox can be used to create check box in html. It can also be nested in label tag. When inside label read more

Ruby gem is a package manager for the Ruby programming language. Here are some gem handy commands on Mac or Linux. Install a package $ read more

Sass can be installed on Mac or Linux using ruby gem. To install sass follow these steps. Install sass gem $ sudo gem install sass read more

Netcat (nc) can be use as a mini server which can listen to either tcp or udp port on Mac or Linux. nc – listen read more

CSS transform:scale(2, 2) can be used on hover to resize (double) an image (horozontally and vertically). We can use any scale factor. Here is an read more

The background-image property sets the background image of an element.

The background-color property sets the background color of an element. The color is drawn behind any background images. Example – background-color

Here are some handy wget commands wget with username and password In case a url requires simple web auth, one can use the following wget read more

CSS flexbox can be used to align a div in center of container div both vertically and horizontally. Use the flexbox with following properties: justify-content: read more

jQuery can be used to handle these events on an input text field. change (when text input field changes and loses focus) $(‘input#field1’).on(‘change’, function(evt) { read more

CSS property display can be used to define flex box container. It can have two values: display: flex; display: inline-flex; Syntax: Example – display:flex and read more

CSS flex is the shorthand property for flex-grow, flex-shrink and flex-basis. flex-shrink and flex-basis are optional. Its default value is 1 0 auto. Syntax: Example read more

CSS flex-basis define the initial base size of the flex-item. Note that the final size of flex-item will depend upon flex-grow and flex-shrink values. Syntax: read more

CSS align-self property can be used to override align-items value (defined at flexbox level) for a specific flex-item. Syntax: Example – align-self This example uses read more

CSS flex-shrink property lets a flex item to shrink if needed. Its initial value is 1. That mean by default flex items will shrink. It read more

CSS flex-grow property lets a flex item to grow if needed. Its initial value is 0. That mean by default flex item does not grow. read more

Flex items are, by default, displayed in the same order as they appear in the source document. The order property can be used to change read more

The align-content property aligns a flex container’s lines within the flex container when there is extra space in the cross-axis. This property has no effect read more

The align-items property can be used to align flex items in vertical diretion. It is flex container property. Syntax: align-items values flex-start flex-end center baseline read more

The justify-content property aligns flex items along the main axis of the current line of the flex container. It is flex container property. Syntax: justify-content read more

The flex-flow property is a shorthand for setting the flex-direction and flex-wrap properties. It is flex container property. The default value is row nowrap. Syntax: read more

The flex-wrap property controls whether the flex container is single-line or multi-line. It is flex container property. Syntax: Example – flex-wrap

The contents of a flex container can be laid out in any direction and in any order using flex-direction. It is flex container property. Syntax: read more