kfranqueiro

Introduction

This gist documents the setup I originally used to run visual diffs on the MDC Web demo pages for testing material-components/material-components-web#1285, but I have used it since then on other projects.

Setup

1. Create a directory containing the js and txt files from this gist
2. npm i

Process

nijikokun

Document for the best design choices you can make for your software.

Terminology

• DDD - [Domain Driven Design][ddd-wikipedia]
• FF or FTF - Function First Design, or File-type First Design is structuring your application by it's function before the files such as a directory named components containing all component files.

File Structure

Structuring applications is hard, here are a few resources to help.

nijikokun

function pify (method, context) {
  var resolver, rejector
  var error, success
  var done = false

  var promise = {
    then: function (a) {
      if (!done && success != null) done = true, a(success); else resolver = a
      return { catch: promise.catch }
    },

amirsuhail786

	" Make IE Better Compatible "

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

======================================================
IE6 Only
==================
_selector {...}

nijikokun

flo = flow
  // Add method signature and arguments to be invoked
  .add(/* [name, ]function[, arguments...] */)
  
  // Attach thenable to previous method signature
  .then(function () {
    // skip(/* string name | int groups */)
    flo.skip('name') // this.skip vs flo.skip vs (skip argument on argument list, after next)
    
    // next(/* string name | int group */)

ryanflorence

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

morganrallen

JankyBrowser

The only cross-platform browser that fits in a Gist!

One line install. Works on Linux, MacOSX and Windows.

Local Install

$> npm install http://gist.github.com/morganrallen/f07f59802884bcdcad4a/download

antonmedv

/*
 * Flyspeck is Dependency Injection Container.
 *
 * Copyright (c) 2014 Anton Medvedev
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is furnished

malarkey

When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.

Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008

…………………………

ChristianPeters

require 'rake'
require 'css_splitter'

desc 'split css files'
namespace :css do

  task :split do
    infile = ENV['infile'] || raise("missing infile")
    outdir = ENV['outdir'] || File.dirname(infile)
    max_selectors = ENV['max_selectors'] || 4095