John Griffiths johnantoni

Class 2 - Design Principles

Notes from @wesbos's talk:

Our frontend workflow is changing quickly and for good reasons. Tooling for tooling sake is a waste, but don't overlook the utility of modern dev tooling workflows - these are great, useful tools that are letting us improve our workflows in standards-based, forward-looking ways.

Trend: Frontend developers are moving to using package managers (npm) for client-side code (CSS and JS), much like we have been for managing our build tooling itself. I can attest to this being hugely helpful at Filament Group on client-side code, especially now that so many of our projects are on npm (https://www.npmjs.com/~filamentgroup ).

Yay, another talk that recommends loadCSS for performance. Nice to hear :)

Gulp tasks to use:

SASS-TO SVG & SASS - March 2015

Introductions

What's your focus / work?
Do you use compass?
What’s Gem, Node Module, or other tool you found helpful recently.

Announcements

Looking for people to present
Next Meetup will likely be moving to Brighlane on King St.

SASS-TO SVG & SASS - January 2015

Introductions

What's your focus / work?
What was the last thing you found challenging/frustrating in SASS

#SVG with SASS and Gulp#

Let's start downloading stuff during intro...

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">

	complete drawing
	https://github.com/tomchentw/react-google-maps/issues/796

	click-me popup
	http://google-map-react.github.io/google-map-react/map/events

	react leaflet
	https://react-leaflet.js.org/en/

	adding marker

	import React from 'react'
	import axios, { post } from 'axios';

	class SimpleReactFileUpload extends React.Component {

	constructor(props) {
	super(props);
	this.state ={
	file:null
	}

	// Put me under ./src

	module.exports = {
	extends: 'react-app',

	rules: {
	eqeqeq: 'off'
	}
	}

	//
	// ViewController.swift
	// Delete
	//
	// Created by Mike Chirico on 10/21/15.
	// Copyright © 2015 Mike Chirico. All rights reserved.
	//

	import UIKit

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">
	<dict>
	<key>Label</key>
	<string>com.docker.boot2docker</string>
	<key>ProgramArguments</key>
	<array>
	<string>/usr/local/bin/boot2docker</string>
	<string>up</string>