TheFox

JavaScript Framework Collection

A collection of very nice JavaScript frameworks for developer.

Name	Description
algorithms.js [S]	Classic algorithms and data structures implemented in JavaScript, you know... FOR SCIENCE.
AngularJS [S]	HTML enhanced for web apps.
Backbone.js [S]	Backbone supplies structure to JavaScript-heavy applications by providing models 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 application over a RESTful JSON interface.
beeplay.js [S][H]	Write A Song On JavaScript.

hdragomir

<script type="text/javascript">
    (function () {
      "use strict";
      // once cached, the css file is stored on the client forever unless
      // the URL below is changed. Any change will invalidate the cache
      var css_href = './index_files/web-fonts.css';
      // a simple event handler wrapper
      function on(el, ev, callback) {
        if (el.addEventListener) {
          el.addEventListener(ev, callback, false);

mikedugan

var gulp = require('gulp');
var rimraf = require('rimraf');
var less = require('gulp-less');
var concat = require('gulp-concat');
var prefixer = require('gulp-autoprefixer');
var cssmin = require('gulp-minify-css');
var jsmin = require('gulp-uglify');
var watch = require('gulp-watch');
var util = require('gulp-util');
var rename = require('gulp-rename');

pburtchaell

/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 * 
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices. 
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing 
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */
 

koistya

File and folder naming convention for React.js components

Directory Layout #1

/actions/...
/components/common/Link.js
/components/common/...
/components/forms/TextBox.js
/components/forms/TextBox.res/style.css

hellobrian

Vanilla JavaScript Tabs with visibility hidden/visible

A Pen by Brian Han on CodePen.

License.

###Reference Links (MDN - JS)

• DOMContentLoaded

gabrielhpugliese

var gulp = require('gulp');
var shell = require('gulp-shell');
var changed = require('gulp-changed');


gulp.task('collectstatic', function () {
  return gulp.src('static/**/*.*')
    .pipe(changed('YOURAPP/static/'))
    .pipe(shell([
      'python manage.py collectstatic --noinput'

vielhuber

# force HTTPS and www.
RewriteEngine On
RewriteCond %{HTTP_HOST} (?!^www\.)^(.+)$ [OR]
RewriteCond %{HTTPS} off
RewriteRule ^ https://www.%1%{REQUEST_URI} [R=301,L]


# alternative way
RewriteCond %{HTTP_HOST} !^$
RewriteCond %{HTTP_HOST} !^www\. [NC]

josephhainline

#!/bin/bash

echo
echo "Processing all *.md files in current directory..."
echo

# Loop through all .md files in directory and rename spaces to dashes
for file in *" "*; do
  echo "Renaming $file"
  mv -- "$file" "${file// /-}"

bryandugan

<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="{{ siteUrl }}favicon.png">
    <title>{% if homeTitle is defined %}{{ siteName }} | {{ entry.homeTitle }}{% elseif entry.title is defined %}{{ entry.title }} | {{ siteName }}{% else %}{{ title }} | {{ siteName }}{% endif %}</title>
    <link rel="stylesheet" href="{{ siteUrl }}assets/css/app.css" />
    <script src="{{ siteUrl }}assets/bower_components/modernizr/modernizr.js"></script>

    <!-- General Page Meta -->
    {% if entry.seoDescription is defined %}
        {% if entry.seoDescription is not empty %}