Posts Tagged ‘JS’

Hamburger Menu Animation / Functionality Collection

CSS, JavaScript, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr April 24th, 2017

Markup / HTMLThe hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development.

Line25 published this collection of 20 examples of ways to implement and animate the showing/hiding toggle tied to the hamburger button. A lot are similar, but worth clicking through and trying out individually.

Source: Line25 – Demystifying the Hamburger Menu: 20 Hand-Picked Examples

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

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

Introduction to Node.js / Server Side JavaScript

JavaScript | Posted by Keefr April 14th, 2014

javascriptI’ve never had a chance to play around with Node.js, but in some down time did a little quick researching on it and found a lot of easy and different ways to download it and install it locally onto the Mac, but beyond that, I wasn’t sure where to begin, or more importantly — why to begin.

I found the article below that’s a combo introduction / set of examples of where Node.js makes sense, and where it just doesn’t.

Why The Hell Would I Use Node.js? A Case-by-Case Introduction/a>

Myth Busting: CSS Animations vs. JavaScript

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

cssNice article on utilizing JavaScript versus CSS for animations, hardware accelerations and the assumptions and myths people have about CSS versus JS.

Myth Busting: CSS Animations vs. JavaScript