-
CSS object-fit Property
The object-fit property is used to specify how an element should be resized to fit its content box. The object-fit property allows to fit the contents of an image into the dimensions specified in the style sheet. The content can be set to scale up or down, shrink or stretch to fit into the specified width and height with…
-
Javascript Simple Actions alert, prompt, confirm
In this chapter of the tutorial you will get familiar with the browser functions. JavaScript has three kind of boxes: alert, prompt, confirm and console.log. Let’s talk about them in details. JavaScript Alert: Definition and Usage alert() method shows an alert dialog with the optional detailed content and an OK button. An alert box usually used in case we want to…
-
CSS mix-blend-mode Property
The mix-blend-mode property defines the blending of the element’s content with its direct parent background. You need to have background-image, background-color or an <img> for blending it. In CSS, 16 blend modes are available. If a value other than “normal” (default value) is set on an element, a new stacking context will be created on that element. A newly formed group should…
-
JavaScript Data Types
Data types JavaScript is a dynamic type language, which means that you don’t need to define type of the variable because it is effectively used by the JavaScript engine. There are two types of data in JavaScript: primitive data type and non-primitive (reference) data type. A variable in JavaScript contains any of these data types: strings, numbers, objects: Programming languages which allow…
-
JavaScript Variables
Variables in javaScript Variable means anything that can be changed anytime. A JavaScript variable is the name of storage location. Variables can be used to store goodies, visitors, and other data. Every programming language use variables. We use variables as symbolic names for values in an application. We can create variables using any of these…
-
CSS min-width Property
The min-width property sets the minimum width of an element. This property prevents the width property’s value from becoming smaller than the value specified for min-width. Meanwhile, the min-width property overrides width property and CSS max-width property. The property takes a CSS length (px, pt, em, and so on), or a percentage. Initial Value 0 Applies to All elements, but non-replaced inline elements, table rows, and…
-
JavaScript Use Strict
For a long time, JavaScript developed without any similarity issues. There were added some new attributes to the language, but old functionality didn’t change. That had the profit of never breaking existing code. But the negative aspect was that any mistake or some imperfect decision made by the creators of JavaScript got stuck in the…
-
CSS min-height Property
The min-height property sets an element’s minimum height. This property prevents the height property’s value from becoming smaller than the value specified for min-height. The min-height property overrides the max-height and height properties. The property takes a CSS length (px, pt, em, etc.) or a percentage. Initial Value 0 Applies to All elements, except non-replaced inline elements, column groups and table columns. Inherited No. Animatable Yes.…
-
CSS @media Rule
The @media at-rule specifies a set of styles that are applied only to certain media types. Media queries are a popular technique for delivering a responsive web design to desktops, laptops, tablets, and mobile phones. Besides media types, there are media features which have names and accept certain values like properties. But there are differences between properties…
-
CSS max-width Property
The max-width property is used to set the maximum width of an element. This property prevents the width property’s value from becoming larger than the value specified for max-width. Meanwhile, the max-width property overrides width property and CSS min-width property overrides the max-width property. Initial Value none Applies to All elements, but non-replaced inline elements, table rows, and row groups. Inherited No. Animatable Yes. Width is animatable. Version…