TECHSITH = Technology Simple Intuitive Tutorial Home
What is a Mixin? Original concept of mixin came from an ice cream shop that provided on-demand customizable ice cream. At these shops, customers can make their own flavor by mixing up different toppings. You would pick up an ice cream flavor and a bunch of toppings, and then you can choose to mix them …
Class Keyword JavaScript uses the class keyword, which was introduced in ES2015. Prior to ES2015, you can create objects by using function constructors and prototype inheritance. There are many developers who believe that classes do not belong to JavaScript. They consider JavaScript as a functional programming language. I have heard opinions from the other side …
There are two camps in JavaScript, one who uses function constructors to create objects and one who directly uses object literals. In JavaScript, function constructors can be extended by using the Object.create() method. This method lets you set prototype of one object to another object. Constructor2.prototype = Object.create(Constructor1.prototype); Extending Object Literals Object literals don’t have …
Every constructor function has a property called prototype. You can add properties and methods to it. Using a constructor function, When you create a new object, the object has access to prototype methods. Sample code: let Car = function(color) { this.color = color; }; Car.prototype.getColor = function() { return this.color; }; let redCar = new …
It is very important to understand how JavaScript function constructors work before we move to higher level topics of Object Oriented JavaScript. In this article, I am not going to explain about the JavaScript class constructor. Instead, I’ll explain about ‘function’ constructors. The ultimate objective of Object Orient Programming is to create objects with ease. …
Sass stands for Syntactically Awesome Stylesheet File extension for a Sass file is “.scss”, which stands for Sassy CSS. “.sass” is also a valid extension for Sass with bit concise syntax. In this article, we will only look at the latest version which is SCSS. Why Sass? Sass is a preprocessor that gives you a little better …
CSS align elements horizontally center Let’s understand what we are trying to do here. We want to center an element horizontally within the parent element so that we would have an element placed at an equal distance from either sides. There are two different ways we can align an element. The option depends on the display property of the element …
Introduction to css ( Cascading Stylesheet ) In webpage development, the inline style lines are responsible for formatting HTML elements. For example in last tutorial we looked at the example Make me italic [code language=”HTML”]<i>Make me italic</i>[/code] Here the tag converts its content to Italic font. Inline Styling You can also stylize text this way …
[embedplusvideo height=”360″ width=”640″ editlink=”http://bit.ly/XiUBHz” standard=”http://www.youtube.com/v/UR3-QUTsADg?fs=1″ vars=”ytid=UR3-QUTsADg&width=640&height=360&start=&stop=&rs=w&hd=0&autoplay=1&react=1&chapters=¬es=” id=”ep1968″ /] HTML Style Attribute Style is an attribute in HTML Attributes are nothing but key value pairs that go in the opening tag of an html element. [code language=”HTML”]<tagname key=“value”>content</tagname>[/code] In nutshell, style helps you paint HTML elements on the page. It helps you to place it in …
