In this JavaScript tutorial we will create a button that will change the background color of body to different colors on a button click.
Let's first create a button which will call a JavaScript function changeBg() on click.
In this CSS tutorial we will create a region / box that will have animated border bottom on mouse hover. The animation will start from center and will move to left and right directions. And when the mouse hover is removed the border will shrink back to center in the same way.
In this CSS tutorial we will create a cool service / feature box using CSS. The box will have a left scrolling border on hover.
In this Visual Studio Code tutorial we will learn how to decrease the width of line number in Visual Studio Code editor.
In this Visual Studio Code tutorial we will learn how to hide or remove the preview pane or minimap in Visual Studio Code. By default this preview pane is enables and appears in right side of the editor. You can read more about this here: Minimap in Visual Studio Code
In this Visual Studio Code tutorial, we will learn how to quickly create basic HTML template or HTML Skeleton Structure in Visual Studio Code.
Visual Studio Code is a great code editor by Microsoft with tons of useful features and shortcuts. And it is completely free.
In this tutorial, we will learn how to quickly comment HTML contents in atom text editor. Atom is a great code editor for web development. It is completely free and open source editor by GitHub.
In this JavaScript tutorial we will learn how to create an alert popup box when user / visitor mouse over (hover) over a div region.
Code editor is the most basic and important tools of a web developers. Choosing a good code editor is must for efficient coding. A good code editor should have following features:
In this jQuery tutorial we will learn how to set conditions in jQuery to do something when screen width size is less than or more than xx px.
We may need to execute some jQuery codes only for mobile devices or only for big screen devices (laptop / desktop). This is required when we are developing a responsive layout.
Setting screen width condition is very simple in jQuery. Doing media queries in jQuery is as simple as we do in CSS. Use below code if we want to do something when screen width is less than 768px.