mklickman

Things end users care about but programmers don't

(And we agree with them, but our tools make it really hard to provide)

---

Colors

• Change color of things
• Nice default color palette

mklickman

Text Editors

• Sublime Text
• VS Code
• Atom

Tutorials & Courses

• CodeCademy
• FreeCodeCamp

mklickman

<form class="zip-input-group" zip-input ng-submit="checkZip()">
  <input class="zip-input-text" name="zip-text" type="text" maxlength="5" required>
  <input type="submit" value="Go!" class="zip-input-submit">
</form>

mklickman

.button {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 8px;
  font-family: 'karla';
  font-size: 1.375rem;
  line-height: 1;
  text-align: center;
  padding: 1.25rem 1.75rem;

mklickman

import { Component, OnInit } from '@angular/core';
import { NavParams } from 'ionic-angular';
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; 
import { StudentsProvider } from '../../../providers/students-provider';

@Component({
    selector: 'student-form',
    templateUrl: 'student-form.html'
})
export class StudentForm implements OnInit {

mklickman

$ RAILS_ENV=production bundle exec rake -P
syck has been removed, psych is used instead
rake about
    environment
rake assets:clean
    environment
    tmp:cache:clear
rake assets:precompile
rake db:abort_if_pending_migrations
    environment

mklickman

<div class="app-root" ng-controller="rootController">

  <div class="carousel">
    <!--
      I have a UI Bootstrap carousel with some slides in it. Each slide
      needs to be both clickable and swipeable, with a mouse (this problem
      is not an issue on mobile).
      
      The problem I'm having is that when you swipe with a mouse click,
      letting the mouse up at the end of the swipe will trigger the click

mklickman

const AppComponent = {
  template: `
    <div class="app-component-root">
        <div ui-view></div>
    </div>
  `,
};

export default AppComponent;

mklickman

require('angular');
require('angular-ui-router');
require('./gg-root.js');
require('./gg-routes.js');

mklickman

//  WHAT GOES IN THIS FILE:
// 
//    - Raw HTML elements (no classes)
//    - Any non-rendering SASS (i.e. mixins and functions)
//
//  EXAMPLES:

body { }
a { }