bobbygrace

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?

gerryster

// GeoChart from https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart

// Try out by pasting code into: https://code.google.com/apis/ajax/playground/?type=visualization#geo_chart

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['State', 'Foo Factor'],
    ['US-IL', 200],
    ['US-IN', 300],
    ['US-IA', 20],

benjaminoakes

Not a pretty sight
When the web dies screaming loud
The site is not found.


Morning and sorrow
404 not with us now
Lost to paradise.

ndarville

Business Models

Advertising

Models	Examples
Display ads	Yahoo!
Search ads	Google

swalkinshaw

Moved to Shopify/graphql-design-tutorial

abhilashak

  # because i can never remember exactly how and when to use concat
  # when building content in helpers
  def nested_content
    content_tag 'div' do
      concat(content_tag 'span', 'span block')
      concat(tag 'br')
      concat(link_to 'root link', root_path)
      concat(tag 'br')
      concat(link_to('#') do
               concat(content_tag 'h2', 'Head \'em off')

cgudea

#	This program is free software: you can redistribute it and/or modify
#	it under the terms of the GNU General Public License as published by
#	the Free Software Foundation, either version 3 of the License, or
#	(at your option) any later version.
#	
#	This program is distributed in the hope that it will be useful,
#	but WITHOUT ANY WARRANTY; without even the implied warranty of
#	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
#	GNU General Public License for more details.
#	

mislav

Jim Weirich:

This is how I explain it… Ruby has Procs and Lambdas. Procs are created with Proc.new { }, lambdas are created with lambda {} and ->() {}.

In Ruby 1.8, proc {} creates lambda, and Ruby 1.9 it creates procs (don't ask).

Lambdas use method semantics when handling parameters, procs use assignment semantics when handling parameters.

This means lambdas, like methods, will raise an ArgumentError when called with fewer arguments than they were defined with. Procs will simply assign nil to variables for arguments that were not passed in.

alejandro-isaza

Greek:
  Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω 
  α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω
  
Superscript:
  x⁰ x¹ x² x³ x⁴ x⁵ x⁶ x⁷ x⁸ x⁹ x⁺ x⁻ x⁼ xⁱ xⁿ
  
Subscript:
  x₀ x₁ x₂ x₃ x₄ x₅ x₆ x₇ x₈ x₉ x₊ x₋ x₌
  xₐ xₑ xₒ xₓ xₔ