Categories
Tutorials

How to use bootstrap Scrollspy [Live Coding]

I am glad to have published the very first video tutorial on this blog. In this video I will walk you through integrating the Bootstrap’s Scrollspy component. Basically this component updates the nav element base on the scroll position. I hope you have enjoyed this video. I also have planned to cover other topic in […]

Categories
Tutorials

Accessible Menus with Superfish

Accessible menus are the those menus that are usable regardless of how visitor will interact with them. People who visiting our website are not just limited to mouse. The might be using a keyboard or even a text to speech browser to navigate. Here is the link to the demo that will be used to identify the problem […]

Categories
Tutorials

Create Animated Hover Effect using CSS

Animated hover effect or animated drop down menu. Why I have wrote two different things together that’s because today I’ll show you how with the simple use of css generated content we can achieve both of  the aforementioned effects. View Demo Today we are going to look at two different effects achieved using the same technique. […]

Categories
Tutorials

Animated Tooltips with CSS & JavaScript Part 1

Tooltips can be found whenever title attribute is added to any html tag. Title attribute on hover, shows a default tooltip with text representing advisory information related to element it belongs to. In this article we will be adding custom animation to the default appearance of title tooltips. Wait, are we adding or replacing it with custom styles. Let’s […]

Categories
Tutorials

Conditionally Formatting HTML Table

Formatting HTML tables is a way to make the part of existing data easy to identify by highlighting it with colors and other font adjustments. Today we are looking to highlight certain cell based on their value or formula. The structure of our code will be same as we used in last article where we discussed Calculatating […]