craigdallimore

Transduce

• Ramda - transduce

• Also see

---

What is transduce? What is it for? This document is intended to help people (such as myself) who would be looking through the ramda docs, find transduce and have no idea if it would be a good fit for my current problem.

MoOx

{
  "private": true,
  // ...
  "#dependencies": "dependencies are the one shipped to the client",
  "dependencies": {
    "babel-polyfill": "^6.7.4",
    "react": "^15.0.0",
    // ...
    "whatwg-fetch": "^0.11.1"
  },

spikebrehm

The following is a list of Redux resources, as described to me by Dan Abramov.

"Real World Redux" talk

• https://www.youtube.com/watch?v=zmN0Vhx2Jgg
• https://speakerdeck.com/chrisui/real-world-redux

Reselect

• https://github.com/reactjs/reselect

Sunil Pai is building an Om Next clone in vanilla JS

hsleonis

html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;

radum

Charles Proxy Map Remote over HTTP or HTTPS

The Map Remote tool changes the request location, per the configured mappings, so that the response is transparently served from the new location as if that was the original request.

HTTP

Using this feature for http resources does't require anything else apart from just configuring your Map Remote entry.

Always make sure you are clearing your cache before you test. Even if Charles is configured properly you might not see the changes unless the browser gets the resource again from the server and not for its local cache.

ryanflorence

export default function(cb) {
  let counters = 0

  if (typeof Promise === 'undefined') {
    counters++
    require.ensure([], (require) => {
      require('imports?this=>window!es6-promise')
      decrementCounter()
    })
  }

brandonbloom

// devDependencies in package.json:

    "require-reload": "0.2.2",
    "react-transform-hmr-no-accept": "1.0.1", // not published, get it here: https://github.com/brandonbloom/react-transform-hmr

// in babelrc:

 "env": {
      "development": {
        "plugins": [

splosch

(function(window, document, JSON){
  "use strict";
  var SEP = '|', ua, opera, ie;
  /* 
   * Collect Browser & Device Data
   */
  var Collector = {
    /*
     * MD5 Checksum calculation
     */

bobbygrace

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

---

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

jamesmusgrave

@mixin smart-underline($background: #fff, $text: #000, $selection: #ffc, $position: 86%){
	a {
		color: inherit;
		text-decoration: none;
		background: -webkit-linear-gradient($background, $background), -webkit-linear-gradient($background, $background), -webkit-linear-gradient($text, $text);
		background-size: .05em 1px, .05em 1px, 1px 1px;
		background-repeat: no-repeat, no-repeat, repeat-x;
		text-shadow: 0.03em 0 $background, -0.03em 0 $background, 0 0.03em $background, 0 -0.03em $background, 0.06em 0 $background, -0.06em 0 $background, 0.09em 0 $background, -0.09em 0 $background, 0.12em 0 $background, -0.12em 0 $background, 0.15em 0 $background, -0.15em 0 $background;
		background-position-y: $position,$position, $position;
		background-position-x: 0%, 100%, 0%;