Skip to content

Instantly share code, notes, and snippets.

View fredsterss's full-sized avatar
🤔

Fred Stevens-Smith fredsterss

🤔
View GitHub Profile
<label>
<input type="radio">
Do this
</label>
<label>
<input type="radio">
Or do this!
</label>

Noobs guide to components.

Bro. component.io

Using components within an existing project

All components compile to a global build.js and build.css from the command line, so the only restriction on the framework you are using is that you can include those from the main template.

1. Install component

With node previously installed:

@fredsterss
fredsterss / colorblind.scss
Last active August 29, 2015 14:03
The code used to make Rainforest red-green colorblind compatible.
/**
* Colorblind styles for Rainforest
*
* @author Fred Stevens-Smith
* @copyright Cldrdr Inc. d/b/a Rainforest, 2014
*/
.colorblind {
$greenReplacement: #7F00FF;
$redReplacement: $orange;
@fredsterss
fredsterss / notes.md
Created August 6, 2014 21:19
YC scaling miniconf notes

f-10 10-25 (max flat size)

  • feels really good at this size 25-60
  • 50+ reduced individual load, carrying less on shoulders, need external motivation

hero mode:

  • if I'm going to ask everyone to work hard, I have to work hardest
  • should step away and hire people
  • leader always cranking isn't helpful - not solving future problems
@fredsterss
fredsterss / list.md
Last active August 29, 2015 14:05
List of software to install on new boxes
  • Google chrome
  • Alfred
  • 1password (+ extension)
  • Menumeters
  • Dropbox
  • Slack
  • nvAlt
  • Sublime Text
{
"color_scheme": "Packages/Color Scheme - Default/Solarized (Dark).tmTheme",
"draw_white_space": "all",
"font_face": "monaco",
"font_size": 12.0,
"highlight_line": true,
"ignored_packages":
[
"SublimeLinter",
"Vintage",
{
".doc": "http://someurl.com",
".pdf": "http://someurl.com",
".ppt": "http://someurl.com"
}
checkTurk: () ->
# If the turk browser chars do not match assignment requirements, redirect
requirements = @assignmentModel.get('requirements')
if /\d/.test(requirements.browser) is true and requirements.browser != (@browser.browser + @browser.version)
# The beef is requirements does not appear in the view
new JobHoldingView({ assignmentId: @assignment, state: @state, browser: @browser, requirements: 'lol' })
@fredsterss
fredsterss / lol.coffee
Created July 6, 2012 20:20
Backbone phail
checkTurk: () ->
# If the turk browser chars do not match assignment requirements, redirect
requirements = @assignmentModel.get('requirements')
if /\d/.test(requirements.browser) is true and requirements.browser != (@browser.browser + @browser.version)
new JobHoldingView({ assignmentId: @assignment, state: @state, browser: @browser })
# or when the version is not required but the browser doesn't match
else if /\d/.test(requirements.browser) is false and requirements.browser != @browser.browser
getSteps: () ->
# hold the steps for this test in a collection
@stepCollection = new StepCollection({ testId: @testModel.get('_id') })
# when a step is added to the collection create a new step view
@stepCollection.bind 'all', @added
# fetch the collection