konitter

#Heroku導入メモ

→ Heroku | Cloud Application Platform

Resouces

• 知っておきたい！Herokuを使う上では当たり前？の16の常識 | blog.mah-lab.com
• デザイナーもHerokuを使ってみよう！Herokuを使って静的ページを無料で作る - KUROIGAMEN(黒い画面)

##Herokuとは？

konitter

• Rules - stylelint.io
  http://stylelint.io/user-guide/rules/

---

Color

• color-hex-case - 16進数のカラーコードを大文字か小文字か
• color-hex-length - 16進数のカラーコードを省略するか否か
• color-named - 名前付きカラーを強制するかどうか

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

{
  "rules": {
    "color-hex-case": "upper",
    "color-hex-length": "short",
    "color-named": "never",
    "color-no-hex": null,
    "color-no-invalid-hex": true,

    "font-family-name-quotes": "single-where-recommended",

konitter

Possible Errors

• comma-dangle - 配列やオブジェクトのケツカンマ禁止 🏁
• no-cond-assign - ifなどの条件式に代入式を書くの禁止 🏁
• no-console - console禁止 🏁
• no-constant-condition - 条件式にtrueなどの定数書くの禁止 🏁
• no-control-regex - 正規表現中にASCII制御文字書くの禁止 🏁
• no-debugger - debugger禁止 🏁
• no-dupe-args - 引数名の重複を禁止 🏁
• no-dupe-keys - オブジェクトのキー名の重複を禁止 🏁

konitter

sync-settings

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

Frameworks

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

Generators

konitter

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

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

$ brew update

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

konitter

CasperJS on Windows

PhantomJS installation

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

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