Erin Lee erin-lee

Notes on SassConf 2015

Austin, TX | Nov. 11-14 | http://sassconf.com/

Notable Talks:

Transitioning to Sass at Scale by Dan Na
- http://sassconf.com/speakers/dan-na.html
- The most technical talk at the conference.
- I personally know Dan through mutual friends. We ran into each other during the previous SassConf, where he initially expressed interest in integrating Sass into Etsy's workflow but also voiced concerns since Etsy's CSS legacy codebase was quite large, and plenty hairy. It was really cool to see someone struggling with a large problem come back the following year and share his team's journey.
- 400k lines of CSS composing over 2k files
Etsy's designers are also coders:

basic html branch:

git merge --squash basic_html

git commit -a -m "hey"

git pull --rebase

Sass mixin for Inside Borders

Use this mixin to set your borders via box-shadow: inset ... ; With this mixin you can define 3 properties: Border Thickness, Border Color and Opacity.

A Pen by Ricardo Zea on CodePen.

License.

Blur on Scroll + Simple Parallax

This pen demonstrates a simple medium.com-like blur image on scroll and content parallax. It gets the scroll position using requestAnimationFrame instead of an onScroll event.

A Pen by Erin Lee on CodePen.

License.

	✗ code --list-extensions
	asvetliakov.snapshot-tools
	calvinhong.stylelint-fix
	castwide.solargraph
	CoenraadS.bracket-pair-colorizer
	dbaeumer.jshint
	dbaeumer.vscode-eslint
	DmitryDorofeev.empty-indent
	donjayamanne.githistory
	eamodio.gitlens

	[user]
	name = Erin L
	email = [email protected]
	[alias]
	co = checkout
	ci = commit
	st = status
	br = branch
	hist = log --graph --abbrev-commit --decorate --date=relative --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(magenta)%s%C(reset) %C(red)- %an%C(reset)%C(bold red)%d%C(reset)' --all
	dump = cat-file -p


	5303 git co master
	5304 git pull
	5305 git co -
	5306 git rebase master
	5307 git diff
	5308 git rebase --abort
	5309 git st
	5310 git add .
	5311 git st

	var updateSeekPercentage = function($seekBar, event) {
	var barWidth = $seekBar.width();
	var offsetX = event.pageX - $seekBar.offset().left;

	var offsetXPercent = (offsetX / $seekBar.width()) * 100;
	offsetXPercent = Math.max(0, offsetXPercent);
	offsetXPercent = Math.min(100, offsetXPercent);

	var percentageString = offsetXPercent + '%';
	$seekBar.find('.fill').width(percentageString);

	curl -Lo- http://bit.ly/janus-bootstrap \| bash

	#errored out...had to install git first, derrr
	sudo apt-get install git
	curl -Lo- http://bit.ly/janus-bootstrap \| bash

	# error! had to install rake next
	sudo apt-get install rake
	curl -Lo- http://bit.ly/janus-bootstrap \| bash

	.element {
	breakpoint: root;
	}
	@media (max-width: 767px) {
	.element {
	breakpoint: tiny;
	}
	}
	@media (min-width: 768px) {
	.element {