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
Opinions

Things I Love About CSS Frameworks

CSS Frameworks do comes with an option of customization if you really care about their strenuous size. In this post I will share my previous experiences while working in a company that din’t care much for CSS at scale. In start of 2015, I was tasked to work with group of developers as UI engineer.Those developers was […]

Categories
Tutorials

Transitioning Element’s Height with CSS

No browser can animate a css property to and from auto correctly. In order to trick it we just need to add some numbers to initial and final state or the way to say this is to start and end state. So let’s start with an example where we would start how  animation and transition […]

Categories
Opinions

Emerging Web Technologies like CSS and ol’

Why we’ve CSS: I will not go much deeper into the history of CSS and why it is there in the first place but in the beginning, CSS was just for type and colors, that’s it. Then we’ve to rely on problematic Floats and Absolute Position to position elements or section. Until recently they are […]

Categories
Tutorials

Creating Simple Image Gallery Part 2

In part 1 we have created image gallery and in this post we will bring it to the end by adding interactivity. So now when ever we click on the thumbnail image, it’s full version has to be shown on the right column. For this purpose we will need a little Javascript. But don’t worry […]