John Griffiths johnantoni

#Intro - Get to know the group#

What's your level of CSS experience
Do you know any programming languages?
What's the most complex thing you've done with SASS

##How the meetup will Work##

Each Meetup will be targeted to a specific skill level (Basic/Advanced) ideally with some hands-on time in sassmeister
The meetup will start with a mini-demo of something at the opposite skill level of main content

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:

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

Originally published: 23rd December 2008
Revised date: October 8th 2015
Original post

	// detect Internet Explorer and version number through injected conditional comments (no UA detect, no need for cond. compilation / jscript check)
	//
	// author: Scott Jehl
	//
	// http://gist.github.com/scottjehl
	//
	// version arg is for IE version (optional)
	// comparison arg supports 'lte', 'gte', etc (optional)
	//
	// is it IE?

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

	source 'https://rubygems.org'

	# ------------------------------------------------------------------------------------

	gem 'rails', '3.2.9'
	gem 'sqlite3'
	gem 'bcrypt-ruby', '~> 3.0.0' # To use ActiveModel has_secure_password
	gem 'oj' # json - https://github.com/ohler55/oj

	# ------------------------------------------------------------------------------------

	/**
	* Scoop corners with only one gradient
	* Caveats: backdrop must be a solid color,
	* dimensions need to be known
	* For more flexibility, see: http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/
	*/

	div {
	width: 400px;
	height: 300px;

	#!/usr/bin/python

	"""
	Media fix is designed to re-factor media queries within the CSS outputted by
	SASS.

	Usage: python media-fix.py style.css, ...
	"""
	import sys
	import re

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh