Tag: Javascript

Developers Diary

Affix a class on scroll

Bootstrap’s data-spy functionality was working, but then it started getting hung-up and not loading.  This site had the possibility of caching from 3 different sources (Bootstrap CDN, hosting caching, and Cloudflare CDN) and I think …

Web Industry Blog

AMP Accelerated Mobile Pages

Accelerated Mobile Pages is an open source project aimed to make news pages load faster on the web. It dictates how the page resources are loaded, primarily Javascript, because JS can be a resource hog …

Developers Diary

jQuery FIND

When trying to traverse downward in the DOM (this), utilize the FIND. I knew I was close, but I wasn’t sure how to say “find it only in THIS element only”, not all elements with …

Web Industry Blog

Web Design & Development

Design can refer to the look & feel of your website, but it can also refer to the organization of your content or how the user interaction is laid out.

Developers Diary

Javascript Rapid Prototype Tools – learn it.

Where do I start to master javascript rapid prototype tools?  Which one do I want to learn? Node.js Backbone.js Angular Ember Here’s a tutorial, of sorts, for Backbone.js. Author claims it will have me up …

Developers Diary

Code Snippets

Body Project – //$ = jQuery; $(document).ready(function() { $(“.markerback”).mouseover(function() { $(“.markerback”).removeClass(“blur”); $(“.marker”).addClass(“blur”); if ($(“#bodymap”).hasClass(“front”)) { $(“#bodymap”).removeClass(“front”).addClass(“back”); } $(“.visible”).hide().removeClass(“visible”); $(this).next().show().addClass(“visible”); //$(“.addrBox”).show().addClass(“visible”); }); $(“.marker”).mouseover(function() { if ($(“#bodymap”).hasClass(“back”)) { $(“#bodymap”).removeClass(“back”).addClass(“front”); } $(“.visible”).hide().removeClass(“visible”); $(this).next().show().addClass(“visible”); //$(“.addrBox”).show().addClass(“visible”); $(“.markerback”).addClass(“blur”); $(“.marker”).removeClass(“blur”); }); $(“#closeXray”).click(function() …