sebmarkbage

React (Virtual) DOM Terminology

In React's terminology, there are five core types that are important to distinguish:

• ReactElement / ReactElement Factory
• ReactNode
• ReactComponent / ReactComponent Class

React Elements

chriseppstein

@mixin ie6 { * html & { @content } }

#logo {
  background-image: url("/images/logo.png");
  @include ie6 { background-image: url("/images/logo.gif"); }
}

jonathantneal

Practical ARIA Tabs

This is a small guide to marking up fully accessible tabs. Consider using PostHTML ARIA Tabs as a practical solution.

The Rules

1. Add tablist role to the <ul> to indicate it contains tabs.
2. Add presentation role to each <li> to bypass its list item state.
3. Add tab role to each <a> to incidate it is an actual tab.
4. Add href and aria-controls to each <a> to reference its tab panel.

kitze

import produce from 'immer';
import {createStore} from 'redux';

const handleActions = (actionsMap, defaultState) => (
  state = defaultState,
  {type, payload}
) =>
  produce(state, draft => {
    const action = actionsMap[type];
    action && action(draft, payload);

basecamp

<form action="https://launchpad.37signals.com/authenticate" method="post">
  <input name="product" value="YOUR-PRODUCT" type="hidden" />
  <input name="subdomain" value="YOUR-SUBDOMAIN" type="hidden" />

  <p>Username<br />
  <input name="username" id="username" type="text" /></p>

  <p>Password<br />
  <input name="password" id="password" type="password" /></p>

rauchg

New URL

https://github.com/guille/ms.js

anthonyshort

/*
	Form Elements
	-- Styled to look like native Safari on OS X.
	-- Drop-down <select> menus are unaffected.
	-- Buttons are unaffected. Native OS style.
*/

::-webkit-input-placeholder {
	color: #000;
}

anthonyshort

error_reporting(E_ALL & ~E_STRICT ^ E_DEPRECATED);