Archive for the ‘JavaScript’ Category

Page Transitions with CSS and a Bit of JavaScript

CSS, JavaScript | Posted by Keefr August 26th, 2014

CSSI love this page transitions setup utilizing primarily CSS, with a little bit of JavaScript as polish. I can see utilizing a very subdued version of this in the near future for various projects.

How To Add Page Transitions with CSS and smoothState.js

The Best Instagram jQuery Plugins

jQuery, Web Development | Posted by Keefr July 28th, 2014

jqueryNice little collection of plugins to help you integrate Instagram media into your web properties.

The Best Instagram jQuery Plugins

Authoring Critical Above-the-Fold CSS

CSS, JavaScript | Posted by Keefr July 15th, 2014

cssI’m a huge believer in Google Page Speed Insights and getting the numbers as high as possible on every single site I’m involved in. But there’s typically a pair of directives I’ve never been able to affect consistently:

  • Prioritize visible content
  • Eliminate render-blocking JavaScript and CSS in above-the-fold content

The render-blocking JavaScript can at least be minimized in its render blocking by putting it as low in the page as possible (typically right before the closing body tag), but CSS is always high in the document.

The article below highlights a possible solution utilizing a Sass @mixin. Though couldn’t the same distinction be made by just having a set of CSS files with one as the priority and the other as below-the-fold, with the additional http request obviously.

Authoring Critical Above-the-Fold CSS

Async Attribute and Scripts At The Bottom

JavaScript, Web Development | Posted by Keefr July 11th, 2014

javascriptTypically when including JavaScript, unless there’s a really really good reason, I always put my JS at the bottom of the file, but have rarely utilized the async attribute on those included JS files. Looks like there’s a little benefit to utilizing the attribute.

Async Attribute and Scripts At The Bottom

Browser Support in jQuery 1.12 and Beyond

Browsers, Internet Explorer, jQuery, Opera, Safari | Posted by Keefr April 15th, 2014

jQuery is putting the finishing touches on the final version of its core that will support IE6 and IE7, and another version will drop support for Opera 12.1x and Safari 5.1. At this point, it should disturb and affect very few users, and it makes sense from their stand point. Removing a lot of ancient browser support will clean up and compact the code — both affecting and improving the user experience for the vast majority.

Browser Support in jQuery 1.12 and Beyond