Material Time Picker
See the Pen Timepicker by w3codemasters (@w3codemasters) on CodePen.
Alert When Keyboard Arrow Key Is Pressed By Jquery
there is simple jquery code below. by this code you can alert or trigger any event on a keyboard key. Must add jquery script. <script src=”https://code.jquery.com/jquery-3.4.1.min.js” integrity=”sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=” crossorigin=”anonymous”></script> <script> $(function () { $(document).on(‘keyup keydown keypress’, function (event) { if (event.keyCode == 39) { alert(“right arrow is pressed”); } else
bootstrap 4 grid examples
Bootstrap grid system provides a quick and convenient way to create responsive website layouts. The latest Bootstrap 4 version introduces the new mobile-first flexbox grid system that appropriately scales up to 12 columns as the device or viewport size increases. Bootstrap 4 includes predefined grid classes for quickly making grid layouts
What Is Scss And How To Use Scss In HTML? [ Guide #2023]
CSS stands for Sassy Cascading Style Sheets and it’s an extension of CSS which adds nested rules Variables, mixin, selector, inheritance and a lot more features. Now Scss is written in Ruby and it’s intended to make our lives a lot easier in writing CSS. CSS or SCSS – Which is better?
How To Show Mouse Pointer In responsive mode?
Some time in Google chrome we press F12 for responsive mode, then mouse pointer does not show. There is big problem for a front end developer or a php developer who is testing the website in Google chrome. The solution is here 1st Solution there are 3 dots ⋮ on
Off-Canvas Menu
See the Pen Off-Canvas Menu by w3codemasters (@w3codemasters) on CodePen.
Record audio and export the output by jquery
Recorder.js is a useful plug-in to record or capture the voice of the user. It generates a blob object containing the recording in wave format. If a callback function is not specified the default function that defines in the config that will be used. If there is no default option
How To Make Multiple Rows Carousel By Owl-Carousel [#2023]
An owl-carousel is a type of slideshow that allows you to scroll through a variety of images, usually with navigation arrows on either side. The carousel will automatically scroll through the images at a set interval, making it perfect for displaying a large number of images in a small space.
What Is Doctype In HTML5? Which Doctype Is Correct For HTML5
What Is Doctype In HTML5 The HTML document type declaration, also known as DOCTYPE, is the first line of code required in every HTML or XHTML document. The declaration is an instruction to the web browser about what version of HTML the page is written in. This ensures that the