The jQuery based color picker widget
The jqm-simple-colorpicker is a jQuery mobile based widget that you can use in your website for allowing users selecting the color value after choosing from three sliders.
The jqm-simple-colorpicker is a jQuery mobile based widget that you can use in your website for allowing users selecting the color value after choosing from three sliders.
A JavaScript solution for device detection – OS, orientation, and type As more and more visitors are moving to smartphones / mobiles for visiting the websites, it has become important to adjust your website according to the device of the visitors. For instance, the way your desktop version of the website is presenting the information … Read more
A hover on touch solution by using JavaScript The hover effect occurs as you bring the mouse over different elements in a web page like links, images, a paragraph or div element etc. However, with the more and more increase of mobile / smart phone visitors, the hover effect does not work with the tap. So, … Read more
The CSS menu with JavaScript With the fact that mobile searches have crossed the desktop searches, this becomes necessary that your website is mobile friendly. The Google search engine also adds mobile factor as the ranking factor along with the tag in organic search results as: “This website is mobile friendly” (Update: This is showing … Read more
The responsive jQuery slider with touch and mouse In other tutorials, I have covered quite a few sliders based on jQuery with different features. The built-in slider in jQuery UI, mouse enabled range slider with demos, and a rotating slider are also covered. The plug-in covered in this tutorial is also based on jQuery, which … Read more
The touch keyboard for Bootstrap In this tutorial, a jQuery plug-in is used for creating keyboards of different types like a general QWERTY keyboard, for entering telephone, passwords, etc. for touch screen devices like smartphones. In order to implement that in your website, you need jQuery and Bootstrap version 3+. The plug-in uses Bootstrap’s popover … Read more
The Bootstrap off-canvas menu The off-canvas menu plug-in for Bootstrap that I am going to show you in this tutorial can be used for smaller screens like mobile phones as a user clicks on the three-line menu toggle button. The menu will overlap the visible content and it will disappear as a user clicks the cross … Read more
The TouchSlider plug-in for sliding content The TouchSlider is a JS based plug-in that enables smooth sliding of the content. The TouchSlider is a responsive slider that also supports mobile/tablet as well. This simple to use slider supports mouse drag and wheel, touch screen etc. You can create a slider with different sized content and … Read more