Today I am going to share you an awesome tutorial to design a tooltip menu using Modernizr’s (A javascript detection library for HTML5/CSS3) touch detection technology. You can reveal the submenu item either by clicking on it or by hovering over item. This tooltip menu either can appear on the top navigation or bottom of […]
WebAnaya Blog
Expert insights on web development, SEO, digital marketing, and technology trends. Stay updated with our latest tips, tutorials, and case studies.
446 articles published
Pseudo Elements are basically used to give special effects on html elements. Examples of Pseudo Elements are: Mouse Hover, Visited, before and after etc. Before CSS3 and HTML5 came in lime light we had very basic special effects that we were using over html elements but ever since CSS3 and HTML5 came, they both are […]
Today I am going to talk about Natural language User Interface which is a new way to take data input from client (user). This UI is a collection of words, phrases and verb etc. or in a layman language the language we use while speaking or addressing to our near and dear ones in terms […]
In an e-commerce website many look to add product in top navigation. In this tutorial the tutor has shown you a way to create a horizontal slide menu with images. It has a neat and clean user interface to improve your navigation, when you click on a particular menu item in on a navigation bar […]
Today I am going to cover a beautiful html5 and css3 tutorial that will guide you to create an awesome responsive product grid layout. This grid layout has a very elegant user interface, when you mouse over it you can see product variant as well. On its top right corner you can see a […]
On pinterest.com you must have seen that all its content organize by block wise according to the screen size and dimension. So if you are looking to create something Pinterest like content web layout you can easily achieve this by using the Jquery Masonry plugin. To do this job more easily and accurately here I […]
In this post I am going to cover a beautiful morphing transition effect that is base on CSS and Javascript and fully supported by modern browser like Safari, Mozilla, Chrome and Internet explorer. This pretty good demo shows how this morphing effect can resize the user screen according to the different devices like desktop, laptop, […]
Range slider mostly use to give you quick list of data list (for example product list). Nouislider is a newly developed jquery plugin available for free to create and display awesome data range slider. It is lightweight plugin and comes with an excellent which has 2.5kb of weight. It is supported by wide range of […]
Chartkick is a wonderful plugin to create visual chart easily, it comes handy as plugin with ruby on rails (a web language) however if you don’t want to implement in ruby on rails then it has also an option to use without Ruby of rails, in this case you can use its Javascript version. With […]










