Sorry, but I've not yet supported your browser ( IE7 or IE8 ). Please use another, advanced, browser to view this site

thank you

Supported browsers

Instagram & how I’m making the most of the video feature for web development.

August 8th, 2013
Categories: Blog | Tags: , ,

Well, it looks like my experiment on Instagram worked! To be honest I went in to it blindly as well as spontaneously, late last night. I didn’t think of checking if anyone had done this before, and I still haven’t! I assume it’s a popular “thing to do” now though.

I thought it would be a good idea to show off some small jQuery animation and my new site design in a short video. This way I can showcase features and code in the future while making it “look cool” (I’ll be staying away from filters as much as possible though).

What I recorded is embedded below. It’s basically showcasing how the “my work” boxes react when hovered over. This hover state is disabled for touch devices though. Why? – because hover isn’t supported, widely, on touch devices AND it looks a mess when it’s enabled: The block would be half way through animating “up” and then the next page would load in – not a nice experience for my visitors!

#webdev My website’s JS, javascript, in action. Web development istagram’d! by @scriptedpixels

Kudos to the site that enables an amazing service to embed instagram video/photo’s: Embed Instagram

What does this mean to me, and you, in the future? I’ll be looking to record and embed more videos showcasing how code “works” … as well as using online sites, such as CodePen, to showoff.

Enjoy!

latest work

  1. Responsive design, Responsive grid integration, Media queries, HTML5, jQuery, JavaScript, CSS3 animations

  2. Responsive carousel, design, grid and media queries, HTML5, custom jQuery & JavaScript, HTML5 & CSS3 animations, custom nomination form.

  3. Responsive design, grid and media queries, HTML5, custom jQuery & JavaScript, mobile optimised design and development

  4. Custom Wordpress posts, one page design and development, Custom JavaScript for mobile and desktop carousel switching, mobile optimised design and development

Back to top

designed & developed by Scripted Pixels Ltd