Skip to content

Instantly share code, notes, and snippets.

@Pickra
Pickra / Bryan Martin lecture
Created August 23, 2013 16:37
My notes from the Bryan Martin lecture
worx for ricebowls, a non-profit
finishin up a video game
-----------------------------------------------------------------
interesting
-use low points for discovery. look 4 the "yay" moments.
-knowin how long ur gonna suffer makes u have more fun.
-give urself time limits(how many times repeating the same actions) it's gona take to acomplish the action to a degree of competency u feel comfortable with.
@Pickra
Pickra / gist:6778831
Created October 1, 2013 13:57
mason, made it go. but i didnt set this up the best way.
StudentRouter = Backbone.Router.extend({
initialize: function(){
this.students = new StudentCollection()
this.students.add(studentData)
},
routes: {
/* router is listening for these events. when i click on the "all" <a>,
the 'all' function happens */
// " " : 'all',
@Pickra
Pickra / SassMeister-input.scss
Created September 23, 2015 14:40
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$colourList: (
arts: (
color: #bbb
),
bidness: (
color: #ddd
@Pickra
Pickra / SassMeister-input.scss
Last active September 23, 2015 14:44
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$categories: (
arts-and-media: (
color: green
),
business: (
color: purple
@Pickra
Pickra / _radio-button-tabs.scss
Last active October 13, 2015 15:08
tabs w/radio button + :checked SASS
// best solution, goes w/OLD NO JS w/:checked
@for $i from 1 through 20 {
p.content { display: none; }
.radio-btn:checked[tab="#{$i}"] ~ .content[tab="#{$i}"] {
display: block;
}
// end best
@Pickra
Pickra / SassMeister-input.scss
Last active May 20, 2017 03:04
Generated by SassMeister.com.
@mixin color-weight ($class, $base-color, $weight: 4) {
$bg-color: null;
@for $i from 1 through 8 {
@if $i < 4 {
$weight: $weight - 1;
$bg-color: lighten($base-color, $weight * 10%);
} @else if $i == 4 {
$weight: 0;
$bg-color: $base-color;
@Pickra
Pickra / SassMeister-input.scss
Last active March 18, 2022 20:34
Generated by SassMeister.com.
%placeholder {
display: inline-block;
&:hover{ color: darken(#FFFFFF, 10%); }
}
.class-a {
@extend %placeholder;
color: #000000;
}
@Pickra
Pickra / SassMeister-input.scss
Created May 24, 2017 20:00
Generated by SassMeister.com.
$cool: blue;
$mad: red;
$colors: (
cool: $cool,
mad: $mad
);
.prfx-color {
@each $color in map-keys($colors) {
@Pickra
Pickra / SassMeister-input.scss
Last active May 26, 2017 02:07
Generated by SassMeister.com.
$my-colours: (
'cyan': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1),
'blue': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1)
);
@each $map in $my-colours {
$name: nth($map, 1);
$list: map-get($my-colours, $name);
@for $i from 1 through length($list) {
@Pickra
Pickra / SassMeister-input.scss
Last active July 29, 2017 20:11
Generated by SassMeister.com.
@mixin background-image-retina($type, $file, $color, $ext) {
background-image: url('src/assets/images/#{$type}/#{$file}-#{$color}.#{$ext}');
background-image: url('src/assets/images/' + $type + '/' + $file + '-' + $color + '.' + $ext);
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){