SafeerH

/// Usage: (HTML)
/// 
/// <a data-smooth-scroll href="#section1">Section 1</a>
///
/// <div id="section1">This is section 1</div>


$(document).ready(function() {

    $('a[href^="#"][data-smooth-scroll]').on('click', function(event) {

SafeerH

.scrollbox {
	overflow: auto;
	width: 200px;
	max-height: 200px;
	margin: 50px auto;

	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,

SafeerH

public partial class Form1 : Form
{
    private DateTime _lastScrollEvent = new DateTime(0);
    
    private async void DetectShapeAsync()
    {
        labelUTVal.Text = (trackBarUniquenessThreshold.Value / 100d).ToString();
        labelHTVal.Text = trackBarHessianThresh.Value.ToString();
    
        _lastScrollEvent = DateTime.Now;

SafeerH

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

SafeerH

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

SafeerH

public static class FormattingExtensions
{
    public static string ToXml(this object o)
    {
        XmlSerializer serializer = new XmlSerializer(o.GetType());
        using (StringWriter writer = new StringWriter())
        {
            serializer.Serialize(writer, o);
            return writer.ToString();
        }

SafeerH

using System;
using System.Net.Mail;
using Microsoft.Framework.ConfigurationModel;

namespace Mzmsh.SimpleSmtpEmail
{
    public class EmailService
    {
        private readonly IConfiguration _config;
        private readonly EmailSettings _settings;

SafeerH

/* Format strings in JavaScript
 * Usage: 
 *  > "Hello {0}!".format('Safeer'); // Hello Safeer!
 *
 *  > var str = "{0} is one of the most popular programming languages in the world. \
 *               This {1} contains some extension methods that can be used in your {0} code.";
 *    str.format('JavaScript', 'Gist');
 *
 */
String.prototype.format = function() {

SafeerH

function getQueryString() {
    var result = {}, queryString = location.search.slice(1),
        re = /([^&=]+)=([^&]*)/g, m;
    while (m = re.exec(queryString)) {
        result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
    }
    return result;
}

SafeerH

(function() {
    'use strict';

    angular
        .module('triangular.directives')
        .directive('triSamePassword', samePassword);

    /* @ngInject */
    function samePassword() {
        // Usage: