Tag: image

SVG height not scaling properly on IE 10

Problem IE 10 shows a skewed svg image who’s width is set to a specific value and height is auto.   Solution The problem is the width and height in the SVG file is set and IE is following those

Posted in Coding Tagged with: ,

Best way to detect Retina with Javascript

Best way according to W3C standards: http://stackoverflow.com/questions/19689715/what-is-the-best-way-to-detect-retina-support-on-a-device-using-javascript

Posted in Coding Tagged with: ,

Get the YouTube Thumbnail Image

To get the YouTube thumbnail image, you would either use their API or a simpler method would be to use this format of the url: http://img.youtube.com/vi/VIDEO_ID/#.jpg Where VIDEO_ID is the last bunch of characters after “v=” in the URL: http://www.youtube.com/watch?v=0TflnHlQMt8 #

Posted in Coding Tagged with: ,

Resizing Background Image

Demo: Resizing Background Image Demo Problem: I’ve been given a project to make a background image resize with the browser window size while retaining its ratio, not causing scrollbars, and always filling up the whole window.  It seems pretty easy

Posted in Coding Tagged with: ,