• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Ty the Web Guy

Everything Web™ Since 1995

  • Home
  • About Me
  • Experience
  • Services
  • Contact

JavaScript

AngularJS

February 17, 2015 By Ty Cahill

What is AngularJS?

AngularJS is a JavaScript framework for building rich, extensible web applications. It runs on plain JavaScript and HTML, so you don’t need anything else to make it work, and it is CSS-agnostic so you can use whatever CSS framework/methodology you want when designing your Angular application. You can run Angular alongside other frameworks and libraries, like jQuery and Handlebars, and it works well with Internet Explorer 8.0 (using Angular 1.2.28).

Resources for Learning AngularJS

  • Shaping Up With Angular.js (Code School) – very good video and interactive learning course
  • A Better Way to Learn AngularJS – a very good step-by-step guide – recommended!
  • W3Schools AngularJS Tutorial – typical W3Schools tutorial
  • Egghead.io Video Training – considered some of the best video tutorials on AngularJS
  • ng-newsletter – free, weekly newsletter on AngularJS
  • Learn Angular – interactive lessons for learning AngularJS
  • AngularJS Website – the official source of information, but not as friendly as the resources listed above
  • Angular.js Demos, Examples, and Resources
  • Ben Nadel
  • An early presentation of AngularJS by Miško Hevery (video)

Authentication (not sure how good these are)

  • AngularJS Authentication Patterns
  • Implementing Authentication in Angular Applications

.NET Articles

  • Detailed Tutorial for Building ASP.Net Web API RESTful Service
  • Building Rich Apps with AngularJS on ASP.NET

More (not sure how good these are)

  • What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  • AngularJS Fundamentals In 60-ish Minutes (video)
  • Miško Hevery: AngularJS – creator of AngularJS
  • 10 Best Tutorials To Learn AngularJS

TimeAgo

September 26, 2014 By Ty Cahill

 

 

/**
 * Timeago is a jQuery plugin that makes it easy to support automatically
 * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
 *
 * @name timeago
 * @version 1.3.0
 * @requires jQuery v1.2.3+
 * @author Ryan McGeary
 * @license MIT License - http://www.opensource.org/licenses/mit-license.php
 *
 * For usage and examples, visit:
 * http://timeago.yarp.com/
 *
 * jQuery("abbr.timeago").timeago();
 * Programmatically: jQuery.timeago("2008-07-17");
 * Future dates: jQuery.timeago.settings.allowFuture = true;
 *
 *
 *
 * Copyright (c) 2008-2013, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
 */

jquery.tappable.js

September 26, 2014 By Ty Cahill

 

 

/*
 * jquery.tappable.js version 0.2
 *
 * More responsive (iOS-like) touch behaviour for buttons and other 'tappable' UI
 * elements, instead of Mobile Safari's 300ms delay and ugly grey overlay:
 *
 * - A 'touched' class is added to the element as soon as it is tapped (or, in
 * the case of a "long tap" - when the user keeps their finger down for a
 * moment - after a specified delay).
 *
 * - The supplied callback is called as soon as the user lifts their finger.
 *
 * - The class is removed, and firing of the callback cancelled, if the user moves
 * their finger (though this can be disabled).
 *
 * - If the browser doesn't support touch events, it falls back to click events.
 *
 * More detailed explanation of behaviour and background:
 * http://aanandprasad.com/articles/jquery-tappable/
 *
 * See it in action here: http://nnnnext.com
 *
 * I recommend that you add a `-webkit-tap-highlight-color: rgba(0,0,0,0)`
 * style rule to any elements you wish to make tappable, to hide the ugly grey
 * click overlay.
 *
 * Tested on iOS 4.3 and some version of Android, I don't know. Leave me alone.
 *
 * Basic usage:
 *
 * $(element).tappable(function() { console.log("Hello World!") })
 *
 * Advanced usage:
 *
 * $(element).tappable({
 * callback: function() { console.log("Hello World!") },
 * cancelOnMove: false,
 * touchDelay: 150,
 * onlyIf: function(el) { return $(el).hasClass('enabled') }
 * })
 *
 * Options:
 *
 * cancelOnMove: If truthy, then as soon as the user moves their finger, the
 * 'touched' class is removed from the element. When they lift
 * their finger, the callback will *not* be fired. Defaults to
 * true.
 *
 * touchDelay: Time to wait (ms) before adding the 'touched' class when the
 * user performs a "long tap". Best employed on elements that the
 * user is likely to touch while scrolling. Around 150 will work
 * well. Defaults to 0.
 *
 * onlyIf: Function to run as soon as the user touches the element, to
 * determine whether to do anything. If it returns a falsy value,
 * the 'touched' class will not be added and the callback will
 * not be fired.
 *
 */

Selectivizr

July 28, 2014 By Ty Cahill

Project: https://github.com/keithclark/selectivizr
Website: http://selectivizr.com/

Selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Modernizr

July 28, 2014 By Ty Cahill

Project: https://github.com/Modernizr/Modernizr
Website: http://modernizr.com/

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

NWMatcher

July 28, 2014 By Ty Cahill

Project: https://github.com/dperini/nwmatcher
Website: http://javascript.nwbox.com/NWMatcher/

Fast JavaScript CSS Selector Engine and Matcher.

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Footer

Ty the Web Guy has been immersed in web design and development for over 20 years. Serving businesses and non-profits locally in the Sacramento area and across the United States. Find out how Ty can help you!

Call 1-800-754-5470 or email [email protected].

Copyright © 2021 Ty the Web Guy · All rights reserved.

Ty the Web Guy and Everything Web are trademarks of Ty Cahill.