21.0.1145.0 dev-mのデベロッパツールの設定部分

Comments

  • Override device metrics
  • Disable JavaScript

が増えた。

  • May 29, 2012, 10:14am

【SCSS】eachの中でループした回数を使う

Comments

@forなら繰り返してる回数がわかるけど、

@eachはわからないのでなんとかやったらできた。

scss

// カウンターをグローバルにしておく
$_counter: 0;
@each $value in 
     category_1
    ,category_2
    ,category_3
    ,category_4
    ,category_5
    {
        .btn_#{$value} {
            left : 30px * $_counter;
            &:before{
                 // console.log相当
                content:$_counter;
            }
        }
        // 加算
        $_counter:$_counter+1;
    }

css

.btn_category_1 {
  left: 0px;
}
.btn_category_1:before {
  content: 0;
}
.btn_category_2 {
  left: 30px;
}
.btn_category_2:before {
  content: 1;
}
.btn_category_3 {
  left: 60px;
}
.btn_category_3:before {
  content: 2;
}
.btn_category_4 {
  left: 90px;
}
.btn_category_4:before {
  content: 3;
}
.btn_category_5 {
  left: 120px;
}
.btn_category_5:before {
  content: 4;
}

  • May 09, 2012, 4:56pm

別ドメインのiframe上でE:target{…}が使えない（解決）

Comments
  • 12/4/25(Wed) 14:19 追記
  • 12/4/17(Tue) 13:53 追記

Chrome20になって、jsdoitのエディタで:targetを使ったやつを書いてたら

急にE:target{} が使えなくなった。（Chrome devが20になってた） iframeの中だとE:targetが使えない？の？かも？

http://jsdo.it/GeckoTang/x9Lo 再生の▲をクリックしてやると動かない

http://jsrun.it/GeckoTang/x9Lo 直接開いたら動く。

  • not working
    • chrome 20.0.1096.1 dev-m
    • 20.0.1104.0 canary
  • working
    • Chrome 19.0.1084.24 beta (Mac)
    • Chrome18
    • IE9
    • Firefox11.0
    • Firefox3.6.12
    • Firefox10.0
    • Firefox Nightly13.0a
    • Safari5.1.5

検証ありがとうございます！

  • @mr_myself00 
  • @mattari_panda
  • @o_ti
  • @uupaa
  • @No_1026

もしかしたら外部ドメインかもと思ってサンプル作ってみた

http://jsrun.it/GeckoTang/gKhb

そしたらそのとおりだった。 これは仕様か・・・はたまた・・・

そういえば

初めてStackOverflowに投稿してみた。 たぶん英語間違ってる。

追記

webkit.orgのChangeset 113503がそれっぽいと教えてもらった

Changeset 113503

そしてバグも投げてもらえた。ありがとうございます！

CSS :target selector doesn’t work inside a cross-origin iframe

追記2

Windows Chrome 20.0.1115.1 dev-m で修正がされた。

http://jsdo.it/GeckoTang/gKhb

も機能する。

JSXのドキュメントについて

Comments

とあったので見てみたらあった・・・

Program Files (x86)\Adobe\Adobe Photoshop CS5.1\Scripting\Documents

には

  • Photoshop CS5 JavaScript Ref.pdf
  • Photoshop CS5 AppleScript Ref.pdf
  • Photoshop CS5 Scripting Guide.pdf
  • Photoshop CS5 VBScript Ref.pdf

があった。 ドキュメント少ないから困ってたけどこんな身近に・・・

Program Files (x86)\Adobe\Adobe Photoshop CS5.1\スクリプティングガイド

  • Photoshop CS5 Scripting Guide-J.pdf

こっちは日本語のやつだった。 Photoshop CS5 Scripting Guide.pdfの日本語版。

ちなみにJSXなどののサンプルは

Program Files (x86)\Adobe\Adobe Photoshop CS5.1\Scripting\Sample Scripts\JavaScript

にある。

  • April 16, 2012, 5:16pm

The FontShop Pluginを使ってみた

Comments

フォントお試しエクステンション

The FontShop Plugin

  • インストール方法は上のページで確認してください。
  • FontShop.comのフォントが購入前にPs上で試せる
  • PhotoshopCS5とCS5.5で使える

やってみた

やってみた

  • ウィンドウ>エクステンション>Fontshopで起動する
  • テキストレイヤーを作って選択した状態で、Fontshopのリストから選んでクリック
  • 少し待つと新規レイヤー（スマートオブジェクトだけど中身は統合されてる）が出来てプレビューできる。

使ってみて

  • いちいちダウンロードしてーとかそういうのがないから楽
  • ブラウザ上でやってもいいけどフォトショップ上でやれる方が便利だし楽
  • フォントを自前で持ってる人とかこういうの作ったらより使われそう

FireMobileSimulator for Google Chrome のバックアップとリストア

Comments

FireMobileSimulator for Google Chrome™

設定ファイルの場所

Windows7の場合以下にある。

C:\Users\{username}\AppData\Local\Google\Chrome\User Data\Default\Local Storage\chrome-extension_mkihbloiacgiofaejgagokalpeflnmbe_0.localstorage

参考

Google Chrome拡張の設定をバックアップとリストア（Chrome StylistとAutoPatchWorkで）

  • March 22, 2012, 6:25pm

          1 note

第1回社内勉強会をやった

Comments

@cancer6と西新宿のジョナサンで1.5hくらい勉強会をした。 内容はQUnitに触れてみましょう。っていうかんじ。 具体的には彼がブログかいてるのでそっちで

Read More

new Arrayが輝くとき。

Comments

javascript: document.write(new Array(10).join('_(･ω･_)⌒)_'));

今期の目標

Comments

今期の目標を書いておく。

  • エディタをVimにする
  • タスク管理
  • Sassの導入
  • ブログのデザインをリニューアル。
  • CSS4を気にする

エディタをVimにする

  • 秀丸、メモ帳は封印する。
  • メモを取るのもVimで行う。
  • それに伴いタイピングを修正する。（ Typistでタイピング練習）

タスク管理

  • 日報
  • Toggl
  • 付箋を利用したチームのタスク管理

Sassの導入

  • Scoutで代用。そのうちRuby
  • Mixinを書くか、Compassを使う。

ブログのデザイン

  • WPのテーマ作成

CSS4を気にする

  • Tags:

  • January 09, 2012, 3:01am

          11 notes

【Sass】【AIR】Scoutがエラーで動かない

Comments

ArgumentError on Windows7

Windows7でエラーが出た

https://github.com/mhs/scout-app/issues/19 で報告されてる。

Macでもjavaのインストール先によってはエラーが出ると思う。

C:\Program Files (x86)\Scout\javascripts\app\process_interaction.js

95行目のjava.exeまでのパスを指定している部分

      return air.File.applicationDirectory.resolvePath("C:\\Program Files\\Java\\jre6\\bin\\java.exe");

を自分のマシンのjava.exeまでのパスに書き換えれば動いた。

  • Tags:

  • December 22, 2011, 7:52pm

          5 notes