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
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
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.
Responsive Dropdown Multi-Level Menu
Creating a responsive menu seems something really easy until you start getting into responsive multi-level dropdown menus. There are hundreds of plugins out there that can do it for you but you do not always need them (as good as some of them are), you can quite easily create one yourself without a lot of code. Continue reading
Gzip with 1and1
When creating a WordPress site recently to make it load super fast I wanted to make the site served the content using compressed gzip files. Not a problem I thought it uses apache so let’s just stick this in the .htaccess file:
Coding Your Own Responsive Grid
So we all know the free responsive frameworks you can get out there and they are great! But they can be full of lots of code you will never use, so why not code your own basic responsive grid? It is easy and I will show you how.
Even if it is just to get a better understanding of how the frameworks work and for a better understanding of responsive web design this is a great exercise. Continue reading
Flexslider Zoom Using Elevate Zoom
So after I did my intial blog post Implementing, Styling and Extending Flexslider I had a lot of people coming to my site searching for a zoom function with flexslider. So I wrote the article Flexslider With Zoom Image Function. This also raised more question from users asking about using ElevateZoom with Flexslider. Sooo I have now created a couple of examples that do just that! I know I know I am too good to you guys! Continue reading
Flexslider With Zoom Image Function
“Flexslider zoom” has become the most googled term for people reaching my site and going to my blog post Implementing, Styling and Extending Flexslider this probably wasn’t what you lovely people were looking for (however lovely and useful that post may be), So I thought why not give the people what they want, a working flexslider responsive slider with zoom capabilities!.
Responsive Web Design and Wireframing
At my place of work I was recently tasked with educating the design team and operations team on responsive deisgn and how to wireframe for a responsive site project.
The presentation was very well received and I thought it would be another nice item for me to share with you all.
To navigate simply use your down arrow on your keyboard.