konitter

Articles, Styletiles & Styleguide

• Why we skip Photoshop by Jason Fried of 37signals - http://37signals.com/svn/posts/1061-why-we-skip-photoshop
• Style Tiles - http://styletil.es/
• Gimme Bar : Front end styleguides and pattern libraries - https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides
• ウェブデザイナーのための便利すぎるツール＆リソース20選【最新版】 - http://www.seojapan.com/blog/20-web-design-resources

Frameworks

• CSS Front-end Frameworks with comparison - By usabli.ca - http://usablica.github.io/front-end-frameworks/compare.html?v=2.0

konitter

Sketch

• Sketch | The designer’s toolbox - http://www.bohemiancoding.com/sketch/

Articles

• Photoshop Users: How To Switch To Sketch
• Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | MEMOPATCH
• Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | MEMOPATCH
• Sketch.appで描かれたDribbble投稿作品まとめ10こ | MEMOPATCH

konitter

[user]
	name = konitter
	email = [email protected]
[color]
	ui = auto
[core]
	quotepath = false
	excludesfile = ~/.gitignore
[format]
	pretty = "%h %s (%an)"

konitter

Git Resources Memo

Learning

• Learn Git Branching
• 世界一簡単なGithub入門
• はじめてのGit #gitkyoto // Speaker Deck
• git, github講座で３時間ほど話して声が枯れてペットボトルの水３本を消費してきました

Setting

konitter

if [ -f ~/.bashrc ]; then
  . ~/.bashrc
fi

konitter

CasperJS on Windows

PhantomJS installation

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

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

konitter

CasperJSでスクリーンショットの自動化

まずはhomebrewをアップデートして最新版に。インストールしてなかったらする。

$ brew update

次に以下を叩いてCasperJSとCasperJSを動かすのに必要なPhantomJSをインストール。

konitter

Frameworks

• CSS · Bootstrap
• Foundation Docs: Forms
• User Interface UI Kit | Gumby Framework
• Valdelama - MOSTO forms demo
• Forms – Pure

Generators

konitter

iOS

• すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iOSブラウザ開発日記
• iOSアプリ開発が捗るXcodeプラグイン - Qiita [キータ]
• [iOS 7] 簡単にできる画面遷移のカスタマイズ - iOS 開発ブログ Natsu's note
• iOS開発で使って便利だったオープンソースライブラリ - Mokosoft開発者ブログ
• [iOS] iOS 7対応アプリで使いたいライブラリ4選 +α | アドカレ2013 : SP #17 ｜ Developers.IO
• iPhone - アプリをiOS 7対応する時に知っておきたいことまとめ - Qiita [キータ]
• iPhone アプリを効率的にデザインするのに便利だったツール | ウエツハラ
• iOSシミュレータを単体で起動する＆Alfredで直接URL指定でモバイルSafariが一発起動するようにする（OSX10.8.5, XCode5.0）

konitter

Broccli開発者によるリリースエントリーの適当日本語訳。
http://www.solitr.com/blog/2014/02/broccoli-first-release/

途中で飽きた。やっぱgulpがいいわ。

Broccoli: First Beta Release

ブロッコリーは、新規のビルドツール。Node上で動作し、バックエンドに依存せず、Railsのアセットパイプラインに相当するもの。

長い0.0.xのアルファリリースを経て、最初のベータ版Broccoli0.1.0をプッシュした。