sticky

Sticky Header and Nav with CSS and jQuery

Sticky Header and Nav with CSS and jQuery

It is becoming more and more popular to now have a sticky header and nav on your website. But what are these sticky elements? WEll let me explain in real easy terms. Sticky elements simply mean they stick to the screen, for example a sticky header and sticky nav will most of the time stick to the top of your window as you scroll down the page. Of course it does not have to be limitied to the top of your screen it can be on the sides or anywhere you need but “sticky” means exactly that they stick there. Continue reading

owl-zoom-image

Owl Carousel Zoom Image Function

Owl Carousel Zoom Image Function

So you have read my tutorial on how to implement and style Owl¬†Carousel and now you would like to add a bit more functionality to it mainly being a zoom function to zoom into your images in your slider. No Problem! Let’s follow through how to do that. Continue reading

implementing and styling owl carousel

Implementing and Styling Owl Carousel

Implementing and Styling Owl Carousel

Owl Carousel is a fantastic and options packed responsive carousel plugin. I now use it for all my sliders and carousels as I can use plugin with a huge amount of options for both single slide sliders and carousels which is fantastic. It is also very light so it really is a win all round. Continue reading

picturefill

Fixing Picturefill Firefox Bug

Fixing Picturefill Firefox Bug

Firstly if you do not know what picturefill is I highly recommend checking it out here. I use picturefill a lot as I think it is fantastic and works generally really well. However recently when testing my site I was using firefox 38 and noticed that the slider I was using picturefill on was not responding correctly, if I shrunk in the screen it was not swapping out the image to a smaller version.

Continue reading