Tutorials
Display Temperature Averages with JavaScript Functional Programming
Use JavaScript functional programming to display average temperatures in certain cities. Uses the .map() & .reduce() methods. Includes demo.
Setup Link Functionality with Functional Programming
Use JavaScript functional programming to set click-to-link functionality on a set of elements. Code sample has a basic webpack/Babel setup.
Click to Tweet Link Created Dynamically With JS
Tutorial for dynamically creating a click to Tweet link with JavaScript and the window.location object…no hard-coding. With demos and code samples.
TUTORIAL: Filter Content With jQuery.filter() & jQuery Selectors
Use jQuery.filter() & Attribute Selectors with HTML5 data attributes to filter out specific content on a click. Includes a code demo.
TUTORIAL: Load data attributes with Mouse Clicks
Use mouse clicks to load information stored in data attributes onto a web page in a cross-browser compatible way. Contains lots of demos.
TUTORIAL: Jekyll Search with Non-JavaScript/CSS Fallback
jQuery-powered search functionality for a Jekyll site with fallback code if JS or CSS is disabled. Look at the demo before using the code.
TUTORIAL: Remove Files From GitHub
Get quick answers first, then learn how Git works with GitHub. This post also has an excellent list of Git/GitHub learning links at the end.
SCREENCAST TUTORIAL: Using JavaScript Off-DOM
How to create/change page elements off-DOM with JavaScript. Discusses createDocumentFragment, cloneNode, appendChild, jQuery .attr() & more.
TUTORIAL: What NYC Subways Can Teach Us About JavaScript Closures
JavaScript closures tutorial using the New York City subway to explain how they work. With demo, code samples and short reading list.
SCREENCAST TUTORIAL: JavaScript for() loop That Creates A jQuery Fade In/Fade Out
JavaScript for loop dynamically creates a jQuery fade in/fade out effect with a delay; includes a demo, code sample and screencast tutorial.
TUTORIAL: Creating A Rounded Corner, Transparent CSS3 Link For IE 6 Through 8 With CSS3 Pie
A tutorial on creating a rounded corner, transparent CSS3 link in Internet Explorer 6 through 8 with CSS3 PIE
TUTORIAL: A Simple, Effective jQuery Image Rollover
A very popular, cross-browser complaint jQuery image rollover
TUTORIAL: A Simple jQuery Image Fade In/Fade Out With A Delay
An easy jQuery tutorial to fade in and fade out two images with a delay
TUTORIAL: How AJAX, jQuery and HTML5 Work Together
AJAX, jQuery and HTML5 are big buzz words in the web design/development community nowadays. While getting these web technologies to work together is exciting, the programming required to do this isn't new.
TUTORIAL: Create The Building Blocks For An HTML5 Page
Understanding the HTML5 DTD and Character Set Needed For Your First HTML5 Page.