Archive for the ‘JavaScript’ Category

Humorous Coding Lightning Talk from 2012

Humor, JavaScript, Web Development | Posted by Keefr December 3rd, 2014

Humorous Coding Lightning Talk from 2012When reading a post on Quora about PHP this morning, someone suggested watching the video linked below before getting into a flame war about any given language.

It’s a short (less than five minutes) video/presentation back from CodeMash 2012. It’s hilarious and sadly insightful.

A lightning talk by Gary Bernhardt from CodeMash 2012

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