Tag: javascript

  • 3D Thumbnail Hover Effects Using CSS3 and jQuery

    [youtube]http://www.youtube.com/watch?v=YzUEXWy2MOo[/youtube] Pretty cool effect, and addition to your web design project(s) that involve photography/images… Source: Codrops

  • Decontstructing The Expressive Web

    Interesting interview of the breakdown/process poured into making Adobe and Big Spaceship’s latest project: The Expressive Web. Adobe Principal Product Manager Mike Chambers sits down with Stephen Koch, Sr. Developer from digital creative agency Big Spaceship, to discuss new design tools in HTML5 and CSS3 that can help you create expressive features in your webpages’…

  • Replace HTML Attribute Using jQuery

    I had a small project that asked for a URL and a pixel-image to be tracked. Another requirement was to replace a certain string in it with a timestamp of some sort.

  • Resize to a Specific Element’s Dimensions

    Here’s a snippet to resize a background image to the dimensions of an element. In this case, #bkgImage. var resizeBkg = function() { var h = self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var w = self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var e = document.getElementById(‘bkgImage’); if (w > h) { e.width = w; e.height = w; }…

  • Detect Operating System with JavaScript

    Here’s a snippet of JS code that might come in handy if you, let’s say, would like to filter out what type of content to display depending on your website user’s OS. A real-life example would be having a download link show up to user’s who have a client that was only published on Windows.…