AllThingsSmitty

##SassConf 2014 Resource Round-Up

Keeping Your Sass Squeeky Clean with Adam Onishi (@onishiweb)

• CSS Grids
• Sass for IE
• Breakup Sass Components
• Extends
• We Are Architect Front End BoilerPlate
• Idiomatic CSS Guidelines
• Idiomatic Sass Guidelines

Layzie

Chrome Tech Night #8

Chrome Tech Talk Night #8 - connpass
Chrome Tech Talk Night #8 を開催します - Google Developer Japan Blog

こちらのイベントに来ているので、メモ取っていく。英語の講演だから間違ってるかもしれないっす。

Future of web apps (Matt Gaunt)

Future of Web Apps by gauntface

digilord

#!/bin/bash -x
# useradd -m digilord # Uncomment and change digilord to your username if you want to add a user for yourself


sudo apt-get install build-essential -y
sudo apt-get install software-properties-common
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update -y
sudo apt-get install nodejs -y
sudo apt-get install mongodb -y

irishstu

@mixin boxit ($dir) {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	box-orient:$dir;
	-moz-box-orient:$dir;
	-webkit-box-orient:$dir;
}

@mixin order ($num) {

konitter

CasperJS on Windows

PhantomJS installation

CasperJSを動かすにはPhantomJSが必要なのでインストール。

1. PhantomJS: Download and Install からzipをダウンロードして適当なところに置く。
2. システムのプロパティとかからファイルを置いた場所のパス;C:\phantomjs（Cドラ直下の例）を環境変数PATHに追記する。
3. PCを再起動してコマンドプロンプトからphantomjs --versionを叩いてバージョンが出ればインストール成功。

geckotang

img要素に対してのmax-widthが機能しない時があった

ためしたのが

• display: table-header-group;
• display: table-footer-group;
• display: table-cell;

だったのでtable-*としてる。

airportyh

JSConf Slides, Codes and Notes

These are all the JSConf 2014 slides, codes, and notes I was able to cull together from twitter. Thanks to the speakers who posted them and thanks to @chantastic for posting his wonderful notes.

Modular frontend with NPM - Jake Verbaten (@Raynos)

• tweet
• slides and code

Shoom

{
	"cssconf": {
		"location": {
			"date": "September 12, 2014",
			"country": "Germany",
			"city": "Berlin",
			"venue": "Radialsystem V",
			"lat": 52.51039,
			"long": 13.42864
		},

MoOx

// Usage : less2stylusDir('../src/css/');

var fs = require('fs');

// this less 2 stylus conversion script make a stylus easy to read syntax
// - let the braces
// - replace the @ for var as $
// - let semicolons

function less2stylus(less)

GavinJoyce

with `react-native`:

npm set progress=false && rm -rf ~/.npm && rm -rf node_modules && npm cache clean && time npm install
npm install  83.72s user 26.03s system 100% cpu 1:49.32 total

npm set progress=true && rm -rf ~/.npm && rm -rf node_modules && npm cache clean && time npm install
npm install  199.30s user 27.32s system 91% cpu 4:08.29 total

--