koshdnb

//Define a function scope, variables used inside it will NOT be globally visible.
(function () {

    var
    //the HTTP headers to be used by all requests
        httpHeaders,

    //the message to be shown to the user
        message,

koshdnb

Circular minimal countdown

Dribbble shot to code: Circular minimal countdown by Fahd Idaghdour (http://dribbble.com/shots/1243065-Circular-minimal-countdown)

Used plugin: http://rendro.github.io/easy-pie-chart/

A Pen by koshdnb on CodePen.

License.

koshdnb

<div class="page"><div class="row">
  <div class="grid_7">
<form class="urpForm urpForm_stacked">
  <fieldset class="urpForm_group">
    <legend>Shipping Address</legend>

    <label class="urpLabel" for="full-name">Full Name</label>
    <input type="text" id="full-name" class="urpInput" />

    <label class="urpLabel" for="address">Address</label>

koshdnb

Threaded Chat

Complete threaded chat widget made out of CSS (that send button location looks fine in browsers other then Chrome, fix is welcome).

A Pen by Kushal Pandya on CodePen.

License.

koshdnb

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <div class="row">
    <div class="large-6 large-centered columns">
      <form action="#" class="fancy-form">
        <!-- Name fields -->
        <div class="row">
          <div class="large-6 small-6 columns">
            <input type="text" name="fname" id="fname" required />
            <label for="fname">Firstname</label>

koshdnb

#NG-LINKS

• AngularJS Alert service: fading out ng-repeat item
• Angular-local-storage
• Timeout Example
• AngularJS SignIt! – Custom directives and form controls
• How I inspire my colleagues to learn AngularJS
• Simple Tabs in AngularJS with AngularStrap
• DripIcons Set
• Fun with AngularJS!

koshdnb

Proof of Concept Grid/List Surveys

This is a simple proof of concept for trimming out the fat on a cumbersome survey list that has way too much information to be humanly digestible.

Alternate between grid and list layouts.

Get only the most important summary info from a birds-eye view.

A Pen by Matt Shwery on CodePen.

koshdnb

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

koshdnb

Google’s Material Design Shadows in SCSS

Forked from Jean-Paul Bonnetouche's Pen Google’s Material Design Shadows in SCSS.

A Pen by Manar on CodePen.

License.

koshdnb

Material Response

Responsive Interaction. Recreating - http://www.google.com/design/spec/animation/responsive-interaction.html

Forked from Emmanuel Pilande's Pen Material Response.

A Pen by Manar on CodePen.

License.