Skip to content

Instantly share code, notes, and snippets.

Avatar

Alex Galinier Alexgalinier

View GitHub Profile
View trello-css-guide.md

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets


Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

@kossoff
kossoff / material_design_colors.scss
Last active Nov 30, 2015
Material Design color variables for SCSS
View material_design_colors.scss
// Material Design Colors for SCSS
// https://www.google.com/design/spec/style/color.html#color-color-palette
// Main colors
$red: #F44336;
$pink: #E91E63;
$purple: #9C27B0;
$deep-purple: #673AB7;
@fastdivision
fastdivision / fade.styl
Last active Jan 4, 2016
ng-view / ui-view Fade Animation with ng-animate
View fade.styl
[ui-view]
position absolute
.fade
fadeSpeed = 333ms
-webkit-transition all fadeSpeed ease-in-out
-moz-transition all fadeSpeed ease-in-out
-o-transition all fadeSpeed ease-in-out
transition all fadeSpeed ease-in-out
opacity 1
@CMCDragonkai
CMCDragonkai / angularjs_directive_attribute_explanation.md
Last active May 11, 2021
JS: AngularJS Directive Attribute Binding Explanation
View angularjs_directive_attribute_explanation.md

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

  1. Raw Attribute Strings

    <div my-directive="some string" another-param="another string"></div>
@hotmeteor
hotmeteor / gist:1683734
Created Jan 26, 2012 — forked from reinink/gist:1683466
Remove yellow background caused by Google Chrome autocomplete
View gist:1683734
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
{
$(window).load(function()
{
$('input:-webkit-autofill').each(function()
{
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);