Blog Posts

Awesome Features of Google Chrome

Google Chrome

There are few hidden features in Google’s Chrome browsers which many of us are un-aware of. Here I have listed 4 of those hidden features that I’m aware of and can be very useful. Customise Search We know that we can select any search engine as our default search site on Omni bar(Address bar) of the Chrome. But only few are aware that we can use the Omni bar to open any page of the site just by entering a page name.

Continue Reading

Fully Customisable & Accessible HTML5 Video Player

HTML 5 Video Thumbnail

In modern browsers, with HTML5 Video Tag it is very easy and simple to include video in page. Unlike earlier we had to include Flash object and to support that we need to add Flash Player Plugin in browsers. Flash player was never bundled with Browsers so when we include flash object in our page we need to ask readers to install plugin first to see the video. HTML5 Video Video tag from HTML5 allows us to add Video on a page with

Continue Reading

Alternate Vanilla Javascript to use instead of jQuery

For quite a some time I was thinking to drop-out Javascript Libraries (like: jQuery, Yahoo User Interface(YUI), Alloy User Interface(AUI), MooTools…). But I was not sure that each browser supports the javascript code the same way or not. As we know that all browsers are interpreting the script slight differently. Particularly, I was not sure about IE8/ IE9 and js libraries were & are helping us to cop-up with these browsers. But now with latest IE & other browsers and with newer versions of

Continue Reading

Flexible SASS @mixin for each viewport (Breakpoint)

In my previous post, I have mentioned few useful tips on @mixin for SASS. In this post I have improvise SASS @mixin for the Breakpoint. I have updated the @mixin for the breakpoint to include any last minute changes to target any width/viewport just by entering the pixel width at the time of @include. In one of my recent project I was working on last minute changes to fix issue on odd viewport. Breakpoint @mixin from previous post was not flexible enough. So I tried

Continue Reading

The Ultimate Cheat-Sheet On Mixin – SASS

Using SASS (SCSS) gives you power to use features which are not available in CSS yet. SASS makes the CSS easy and enjoyable. SASS is nothing but a re-usable code which we will have to compile before publishing it to production/ live. We can declare variables, functions, etc… we can also do nesting. My favourite feature is MIXIN. We can define mixins in the settings file and include it in other .scss files to use the mixins defined in the file.

Continue Reading