roddds

To everyone who got here through Twitter or Facebook or Hacker News or whatever: THIS IS NOT ME.

The "Me" in this transcript is @raddevon, who shared his story first on reddit.

---

List of incompetent jackasses who can't check a source if their lives depended on it:

• geek.com
• nasdaq.com
• craveonline.com

daneden

How to remap the caps lock key to the emoji selector on Mac

1. Go to System Preferences -> Keyboard -> Modifier Keys...
2. Change “Caps Lock” to “No action”
3. Install Seil
4. Change the Caps Lock key in Seil to keyCode 80 (F19)
5. Install Karabiner
6. Open Karabiner and go to Misc & Uninstall -> Open private.xml
7. Copy the contents of this gist's example to the XML file and save
8. In Karabiner, go to Change Keys -> Reload XML

mathowie

/* Install the Stylish extension for your browser, then add this code
as a new Style. Make sure it applies to the domain 'twitter.com' */
 
/* Tweet any improvements or comments to @mcnees. */
 
/* Hide the heart for un-Faved tweets. */
.ProfileTweet-actionButton .HeartAnimationContainer {
  visibility: hidden;
}
 

elirousso

#Paste in Preferences > Sidebar Theme > Click thing at the bottom to expose the input and copy pasta this guy in there
#111111,#111111,#333333,#FFFFFF,#444444,#FFFFFF,#FFFFFF,#FF0000

daneden

Aspirational Dropbox SCSS Principles

This is purposefully ambitious and aspirational. Some concepts that are worth understanding in addition to the principles outlined here include:

• Object-Oriented CSS
• BEM naming methodology
• CSS Namespacing

Here’s a CodePen I’ll periodically update with the compiled CSS to use as a testing playground.

daneden

/* objects/_card.scss */
.card {
  padding: round($u-baseline / 2);
  
  background-color: #fff;
  border: 1px solid rgba(color(black), .1);
  box-shadow: 0 1px 2px rgba(color(black), .1);
  border-radius: 3px;
}

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?

thefoxis

BBQ.js

• Ruth Baril—Barriers To Entry: Learning to Program is the Easy Part

Browserified

• Stephen Belanger—Browserifying Big Projects With Minimal Rage
• Nicolas Bevacqua—Browserify All The Things
• James Halliday—Brick The Web

koenbok

var QcValueConverter = {
  tensionFromQcValue: function(qcValue) {
    return (qcValue - 30.0) * 3.62 + 194.0;
  },

  qcValueFromTension: function(tension) {
    return (tension - 194.0) / 3.62 + 30.0;
  },

  frictionFromQcValue: function(qcValue) {

shayhowe

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

@each $merchant in king-kone, alley-cat-comics, robert-jeffrey, berry-austin, dogaholics, barriques, rotofugi, chicago-bagel-authority
  .merchant-#{$merchant}
    background-image: url("#{$merchant}.jpg")