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

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

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 #

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

Tagged with: ,