This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
error_reporting(E_ALL & ~E_STRICT ^ E_DEPRECATED); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin ie6 { * html & { @content } } | |
#logo { | |
background-image: url("/images/logo.png"); | |
@include ie6 { background-image: url("/images/logo.gif"); } | |
} |
In React's terminology, there are five core types that are important to distinguish:
React Elements
This is a small guide to marking up fully accessible tabs. Consider using PostHTML ARIA Tabs as a practical solution.
- Add
tablist
role to the<ul>
to indicate it contains tabs. - Add
presentation
role to each<li>
to bypass its list item state. - Add
tab
role to each<a>
to incidate it is an actual tab. - Add
href
andaria-controls
to each<a>
to reference its tab panel.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |