Skip to content

Instantly share code, notes, and snippets.

View SteveBarnett's full-sized avatar

Steve Barnett SteveBarnett

View GitHub Profile
@SteveBarnett
SteveBarnett / device-example.json
Created March 25, 2013 17:00
Template for devices.json
{
"Device reference": {
"brand": "",
"model": "",
"OS": {
"name": "",
"version": ""
},
"input-method": {
# I Pledge To Be Better
I want our industry to be a safe, welcoming and inclusive place for everyone, regardless of
their gender, abilities, skin color, sexual orientation, age, class, neuro-diversity or any other attribute.
I acknowledge that this is not currently the case, and will do my best, to the extent that I can
afford to dedicate to this, to help make ours a better community and industry.
I value the diversity of perspectives that people with different backgrounds bring to the table.
I will call out exclusionary practices, behaviors or cultures and see how, together, we can perhaps
reshape them to be inclusive and supportive instead.
@SteveBarnett
SteveBarnett / _example.less
Last active August 29, 2015 14:04
Respond-min for less
[role="banner"] {
text-align: center;
.respond-min(50em, {
text-align: left;
});
}
// https://github.com/jakearchibald/sass-ie/
$fix-mqs: false !default;
@mixin respond-min($width) {
@if $fix-mqs {
@if $fix-mqs >= $width {
@content;
}
}
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h4>
<h6>Heading 6</h6>
<ul>
List of things we need to take into account:
1. normalize.css
2. Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
3. IE Stylesheet Mixin for SASS: http://jakearchibald.github.io/sass-ie/
List of things we can use to make life better:
1. Sass http://sass-lang.com/ (preferred) or Less http://lesscss.org/
2. https://github.com/at-import/modular-scale
3. Powerful SASS Grid: http://susy.oddbird.net/
4. CSS philosophy http://www.smacss.com/

About the speaker

About the talk

@SteveBarnett
SteveBarnett / post.html
Created April 23, 2015 13:25
Amazing woman in agile speakers
<a href="http://twitter.com/lissijean">@lissijean</a> <a href="http://twitter.com/lunivore">@lunivore</a> <a href="http://twitter.com/llillian">@llillian</a> <a href="http://twitter.com/nativeWired">@nativeWired</a> <a href="http://twitter.com/risingLinda">@risingLinda</a>
<a href="http://twitter.com/dianaOfPortland">@dianaOfPortland</a> <a href="http://twitter.com/estherderby">@estherderby</a> <a href="http://twitter.com/apaipi">@apaipi</a> <a href="http://twitter.com/darciD">@darciD</a> <a href="http://twitter.com/kkirk">@kkirk</a>
<a href="http://twitter.com/grushkay">@grushkay</a> <a href="http://twitter.com/samlaing">@samlaing</a> <a href="http://twitter.com/karen_greaves">@karen_greaves</a> (yay! We made the list;) )
<a href="http://twitter.com/joperold">@joperold</a> <a href="http://twitter.com/candicemesk">@candicemesk</a> <a href="http://twitter.com/stephbysouth">@stephbysouth</a> <a href="http://twitter.com/smamol">@smamol</a> <a href="http://twitter.com/kb2bkb">@kb2bkb</a>
<a href="http://twitter.c
@SteveBarnett
SteveBarnett / wishlist.md
Last active August 29, 2015 14:20
Talk Wishlist for CTFEDs

CTFEDs talk topic wishlist

  • Front-end testing
  • Offline
  • Accessibility
  • Browser-based games
  • Workflow strategies and techniques
  • Case studies
  • Prototyping in HTML, CSS, and JavaScript
  • Style Guides and Pattern Labs