Just migrated it from Codepen.io to markdown. Credit goes to David Conner.
| Working with DOM | Working with JS | Working With Functions |
|---|---|---|
| Accessing Dom Elements | Add/Remove Array Item | Add Default Arguments to Function |
| Grab Children/Parent Node(s) | Add/Remove Object Properties | Throttle/Debounce Functions |
| Create DOM Elements | Conditionals |
Use these rapid keyboard shortcuts to control the GitHub Atom text editor on macOS.
| <form id="theform" class="pure-form pure-form-stacked"> | |
| <fieldset> | |
| <label for="name"> | |
| Name: | |
| <input type="text" id="name" placeholder="Full Name"/> | |
| </label> | |
| <label for="address1"> | |
| Address: | |
| <input type="text" id="address" placeholder="House Number, Street" /> | |
| </label> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>Single-Column Responsive Email Template</title> | |
| <style> | |
| @media only screen and (min-device-width: 541px) { | |
| .content { |
| # coding=UTF-8 | |
| from __future__ import division | |
| import nltk | |
| from collections import Counter | |
| # This is a simple tool for adding automatic hashtags into an article title | |
| # Created by Shlomi Babluki | |
| # Sep, 2013 | |
| /*! = $rembase: 14px | |
| -------------------------------------------------------------- | |
| * hmtl { font-size: 87.5%; } | |
| * body { font-size: 14px; font-size: 1rem; line-height: 1; } | |
| * 4px 0.28571429rem | |
| * 8px 0.571428571rem | |
| * 12px 0.857142857rem | |
| * 13px 0.928571429rem | |
| * 14px 1rem | |
| * 16px 1.142857143rem |
| /* Helvetica Webfont from fonts.com/webfonts */ | |
| body { font-family: "HelveticaNeueW02-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif; } | |
| em, i { font-family: "HelveticaNeueW01-56It", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif; font-style: normal; } | |
| strong, b { font-family: "HelveticaNeueW01-75Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif; } | |
| strong em, em strong, strong i, i strong, b em, em b, b i, i b { font-family: "HelveticaNeueW01-76Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif; } | |
| /* h1 & h2 inherit styles from a global stylesheet to be in line with our branding. Without a global stylesheet, they just inherit Helvetica Neue Roman */ | |
| h3, h4 { font-family: "HelveticaNeueW01-75Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", |
| jQuery(function($){ | |
| var $flexslider = $('.flexslider'), | |
| $slides = $flexslider.find('li'), | |
| stripComment = function(string) { | |
| return string.replace(/<!--/g, '').replace(/-->/g, ''); | |
| }, | |
| initItem = function(item) { | |
| var $this = $(item); | |
| if(!$this.hasClass('init')) { |