Archive for the ‘JavaScript’ Category

Offline Web Sites?

Browsers, JavaScript, User Experience (UX) | Posted by Keefr October 15th, 2015

optimizationWhile I appreciate the sentiment and the exploration of this — especially as a type of one-pager landing page for serving up address/phone number type information, overall I don’t get it. Offline web sites? In this day and age of LTE and open Wi-Fi hotspots, this seems like over-engineering for a scenario unlikely to be accessed very often.

This is one of those cases where someone will get a lot of mileage out of this, but most sites won’t get much utility out of this — especially those content-heavy sites.

Again, I appreciate the sentiment and exploration, but don’t think I’ll be spending much time ensuring our fleet of web sites are Offline First. Plus, if you’re offline and need something, I don’t think any site we’ve developed, maintained, etc. are going to be your first (or even second or third) target.

Offline First

Social Share Kit – CSS & JS Social Sharing Tools

CSS, JavaScript | Posted by Keefr February 4th, 2015

Social Share Kit - CSS & JS Social Sharing ToolsWhile its relatively easy to roll your own social sharing tools, especially for things like Twitter and Facebook, the tool kit below is a good set of icons, buttons, and popups for social sharing.

The page describes it as the following:

Social Share Kit is a library of decent and good looking CSS/JavaScript social sharing tools like social network icons, share buttons, floating/sticky button bar and popups.

It is open-source library hosted on github, yet licensed under Creative Commons Attribution-NonCommercial 3.0 license.

While it is licensed with a non-commercial license, it can’t be licensed for $19 for a single commercial site, or a $79 unlimited commercial projects license.

Social Share Kit

CSS-Only Row and Column Highlighting

CSS, JavaScript, jQuery | Posted by Keefr February 2nd, 2015

CSSThe article linked below says CSS only, but like everything on the web, a little bit of JavaScript/jQuery makes it a little better and a little more polished.

Regardless, this is a quick and simple way to highlight on rollover (and touch with the JS addition) tabular data.

Simple CSS-Only Row and Column Highlighting

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