Creative Technocrayts

What is the difference between Javascript, JQuery, JQuery UI, JQuery mobile? Javascript Javascript is a programming language with its own syntax, functions, data structures and loops. Javascript is the most popular language used in web development. According to Stack overflow 2018 survey results Javascript is the most popular programming language. It has become an ubiquitous in web development. What is the difference between JQuery and Javascript JQuery is a Javascript library. It is built on top of Javascript and makes use of its functions. Jquery carries the motto “write less; do more”. JQuery is an extensive library making use of Javascript features and function within its library. JQuery framework is useful for 1) Manipulating DOM elements 2) CSS Selectors manipulation 3) Handling AJAX data for communicating with servers perform actions on specific events. 4) AJAX communication with servers 5) Animation effects 6) HTTP requests JQuery is said to have poor backwar

This article deals with an example to demonstrate how to background-color, background-image and background shorthand property in CSS. You may read this article How to add box-shadow in CSS? How to add Background image to the div     .div1{ background-image: url(../images/bg.jpg); } How to add Background color to the div .div2{ background-color: #0085c2; }     How to add background image and background gradient to the same div? .div2{ background: linear-gradient( rgba(253,29,29,0.6), rgba(252,176,69,0.6) ),url(../images/slide2.jpg); } Instead of background-image or background-color property we have to use background property which is the shorthand rule. Background-gradient and image are separated by comma. The resultant output Also read next article - Is your site mobile friendly?

Boostrap 4 menu align right side in navbar In Boostrap 3 menubar, .navbar-right class is used to bring the menu to the right side.Now .navbar-right class is deprecated. How to align menu to right side using Bootstrap 4 As we already discussed that Bootstrap 4 is built on Flexbox layout , there is change in implementation accordingly. Following code-snippet will highlight the changes in HTML code <nav class="navbar navbar-expand-lg navbar-light fixed-top justify-content-between"> <a class="navbar-brand" href="#">Cafe Express</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class=