< /gecko >

Re: ﾏｰｶｯﾊﾟたちがどうやってhtml/cssと出会ったか

Comments

ﾏｰｶｯﾊﾟたちがどうやってhtml/cssと出会ったかの話おもしろい

— わちるだ (@watilde)

April 17, 2013

ということで、今までのことを誰得だが書いておこうと思う。

なので特に面白く無いです。

[jsx] テキストレイヤーの文字を、CSVを基に置き換える(未完成)

Comments

PSDのテキストレイヤーの文字列をCSVから検索して置換するjsxを作りたかった。

検索文字A, 置換文字A
検索文字B, 置換文字B
検索文字C, 置換文字C
検索文字D, 置換文字D

のようにした2カラムのCSVを用意して、置換したいPSDを開きjsxを実行する。

保存まではしない。（ドロップレットとかにすれば別かも？検証してない）

リーダーのせいでmobile safariのアドレスバー隠しが遅れる

Comments

※あまりいい結論が出ていない記事です。

現象

サンプル

アドレスバーに[リーダー]が表示されていると
アドレスバー隠しでお馴染みのscrollTo(0, 1);してから4s後くらいにアドレスバーが消える

参考

Windows7にIE10を入れてみた

Comments

http://windows.microsoft.com/ja-jp/internet-explorer/downloads/ie-10/worldwide-languages

より日本語版をダウンロードしてインストール後マシンの再起動。

IE9に上書きインストールでした。

Gabaの給付金コースを終えて給付金の事とか。

Comments

マンツーマン英会話のGabaで一定期間で一定レベルに達すると
教育訓練給付金がもらえるコースがあります。
それが終わり、各種資料をもらったので誰かのためにメモしておく。

ちなみに、行ってよかったと思うし、後悔はしてない。

資料をもらう。

領収書
クレジット契約証明書
- 訓練経費総額 : ¥567,000
- 訓練経費内訳 : 入会金 ¥30,000 / 受講料 ¥510,000 / 消費税 ¥27,000
- クレジット契約額 : 267,000
- 頭金 : ¥300,000
- ※特典等で実質返還された額：¥25,620
- ※ちなみにレベル毎のテキストは別に払ってます（授業でそれそのものは使わない）
教育訓練給付金支給申請書
教育訓練給付金支給申請書記載にあたっての注意事項
教育訓練給付の支給申請手続きについて
教育訓練修了証明書
- 教育訓練経費 : ¥541,380 (返還された ¥25,620 が控除されている)
- 教育訓練経費内訳 : 入学料 ¥31,500 / 受講料 ¥509,880

支給額は

教育訓練経費の20%に相当する額らしいので

¥541,380 * 0.20 = ¥108,276

10万超えるので10万円かな。きっと。

ハローワークに持っていかなくてはいけないもの

Gabaからもらった資料
本人住所確認書類 ( 免許証とか )
雇用保険被保険者証
通帳またはキャッシュカード

ちなみにテキスト代は…

デビットカード決済で1レベル ¥18,900 でした。

最初が2で現状4なので… ¥18,900 * 3 = ¥56,700

ということは

¥100,000 - ¥56,700 = ¥43,300

ってことなんですなぁ…

感想はまた後日にでも。

MacにVimShellをいれているのだけれど…

Comments

:VimShell
E117: 未知の関数です: vimshell#start
Error occured while loading vimproc.
Please install vimproc Ver.6.0 or above.

うーん…?
一旦削除して入れなおし…

$ cd ~/.vim/bundle
$ git clone git://github.com/Shougo/vimproc.git
$ cd vimproc/
$ make -f make_mac.mak

その後はFinderで…

~/.vim/bundle/vimproc/autoload 以下のファイルを

/Applications/MacVim.app/Contents/Resources/vim/runtime/autoload にコピーする。

~/.vim/bundle/vimproc/plugin 以下のファイルを

/Applications/MacVim.app/Contents/Resources/vim/runtime/plugin にコピーする。

とりあえず:VimShell出来るようにはなった。

Frontrend Vol.4に行って来ましたメモ

Comments

Frontrend Vol.4 powered by CyberAgent, Inc.に行って来ました。

とてもテストについてのお話を聞けたのでとても楽しかったです。

誤字、間違いなどありましたら教えてください。

※アンケートへのリンクを削除しました。

2012年ゆるいまとめ

Comments

2012年に始めたものは以下。

転職
アドベントカレンダー
英会話
サバゲ
Scss
Vim
毎日のやることノート

17日目 : CSS Programming Advent Calendar 2012

Comments

これは CSS Programming Advent Calendar 2012 の 17 日目の記事です。
(4日ぶり4回目)

先ほどお話にも出てきた、日本CSSプログラミング界権威？のげこたん(@GeckoTang)です。

前回書き終わったあとにゲーム的なものを作ろう…何がいいかなぁと考えていたら

「CSSSniper」とかいいんじゃね！とかなんとかで名前だけが降臨し、実装しようと思って進めていました。
…が、作っている途中で「あれ…これアレと仕組みかぶっとるやんけ…」となって途中でやめてしまいました。

13日目 : CSS Programming Advent Calendar 2012

Comments

これは CSS Programming Advent Calendar 2012 の 13 日目の記事です。
(5日ぶり3回目)

今回はCSSプログラマー御用達、（個人的に）最強のプロパティ pointer-events について書こうと思います。

pointer-eventsとは

端折って説明すると pointer-events:none; を指定した要素の各種動作が起きなくなります。
詳しいことは気になったら調べてみてください。

何が出来るの？

リンクを無効にしたり


LINK

/*css*/
.disable_link {
    pointer-events:none;
}

pointer-events: none;が指定されると遷移しません。

:hoverを殺したり


LINK(pointer-events: none;)

/*css*/
.disable_link {
    pointer-events:none;
}
.effect:hover{
    background:red;
}

:hoverも使えなくなります。
要素が重なっていた場合、その下の要素が:hover扱いになります。

javaScriptで設定されたイベントを殺したり


LINK(pointer-events: none;)

/*css*/
.disable_link {
    pointer-events:none;
}

//js
document.getElementById('mylink').onclick = function(){
    alert('click!!');
};

jsで設定したイベントも動きません。

どういった場面で使うか

あるinputが:checkedになった時に、何かを押せなくしたりしたい時に使ったりします。


↓のリンクやボタンを操作する

このボタンは

/*scss&compass*/
#toggle {
    & ~ a {
        &::after{
            content:"押せます";    
        }
    }
    &:checked ~ a {
        pointer-events: none;
        color:#ccc;
        &::after{
            content:"押せません";
        }
    }
    &:checked ~ input {
        pointer-events: none;
        opacity:0.1;
    }
}

a要素だけでなく、input要素などにも使えます。
img要素に指定した場合はimg 要素に pointer-events: none; を指定してみるを見てみてください。