電子書籍自炊メモ 2014 （バッチで自動化編）

by

再びマイ自炊ブームが来たので作業内容をメモっておく。（久しぶりにやったら完全に忘れてた）
機材は以前メモってた内容と同じで、ScanSnap1500、ディスクカッター、CanoScan 5600F、Photoshop(CC2014)です。
クォリティよりスピード重視で、スキャン後の処理をバッチで自動化させました。

裁断については前の記事に書いてあるので割愛。

続きを読む

[WP] Underscoresでカスタムテーマを作る：ウィジェット作成編

by

Underscores で魔改造したメモその４。
ダイナミックサイドバーの対応とウィジェットの自作について。

  • Compass導入編
  • ナビゲーションメニュー改造編
  • Bootstrap(Sass)導入編
  • ウィジェット作成編 ←今ここ

もうUnderscores関係なくなってきたけど(ﾟεﾟ) ｷﾆｼﾅｲ!!

続きを読む

[WP] Underscoresでカスタムテーマを作る：Bootstrap(Sass)導入編

by

Underscores で魔改造したメモその３。
Sass版のBootstrapをBowerでインストールして部分的にimportして使ってみる。

  • Compass導入編
  • ナビゲーションメニュー改造編
  • Bootstrap(Sass)導入編 ←今ここ

Bootstrapはデザインが出来なくても眉目麗しいスタイルになる上に、
あるあるなUIのJavascriptまでついてくるのがいい所だと思う。
しかも以前はLessのしかなかったけど今はSassのもあるんだ。

続きを読む

[WP] Underscoresでカスタムテーマを作る：Compass導入編

by

数年ぶりにWordpressのカスタムテーマを作る事になったので、
Underscores をベースにやっつけてみた。

Underscoresはフルカスタムしたいユーザー向けのスターターテーマで、Automatticが作ってるから超安心して使える。
必要環境とインストールについては公式リポジトリのREADMEを参照頂くとして、
こちらではインストール完了後にした魔改造について適当にメモっていくつもりです。
長くなりそうなので改造個所毎に記事分けます。

続きを読む

とあるソシャゲのHTML/CSS設計話

by

【Frontendアドベントカレンダー19日目】

Xboxに釣られて転職してから２年半…あっという間だった…。

関与したもの：

  1. スマホ版ピグ（リニューアルして面影無し）
  2. ピグファンタジア（11月末クローズ）
  3. 新規ゲーム　←今ここ

今は新規ゲームでコーディングの人としてjoinしてます。

続きを読む

[Sass] @extend の挙動

by

classとplaceholder selecterについてそれぞれ@extendを試みた以下のSCSSをコンパイルする。 %ext { color:red; &::before { content: ‘ext’; } … 続きを読む

[js,css] Android4.1 が返す element.style.cssText の値が他と違う件

by

style.cssTextにベンダープレフィックス付きプロパティをセットする検証コードをWebkit系ブラウザで見ると、
戻り値はセットした値と同じベンダープレフィックス付きプロパティになります。

var el = document.getElementById('helloWorld');
el.innerHTML = 'Hello, World!';

el.style.cssText = '-webkit-animation:hoge;';

document.write(el.style.cssText);

続きを読む

Google Readerがサービス終了につき乗り換え先を全力で捜索中

by

GoogleReaderが2013/7/1で廃止するとアナウンスされました。
理由は利用者の減少らしいですが、愛用していたユーザーが難民化して右往左往しているようで、私もその一人です。
この衝撃はdeliciousショックを思い出すけれども、使用頻度がdeliciousの非じゃないからとても困ってます。
さっそくGoogleReaderからの乗り換え先を探し始めたので、
ここにそのレポートを乗せておくことにします。

※難民のアクセス殺到でか落ちてるor不安定になっているサービスが多いです

続きを読む

[Facebook等] Open Graph Protocol 対応の件

by

３年ぶりぐらいに（商用の）PCサイトをコーディングしたんです。

そこでフェースブックのいいね！ボタンを設置したのはいいが、
押した時に投稿されるサムネイルはなぜかロゴ画像ではなくナビゲーションで使われている画像が使用されてしまった…。
これはあかんと思ってあれこれ模索したときのメモ。

続きを読む

[CSS3] Androidのmask-imageに関する不具合について

by

CSS Programming Advent Calendar 2012の20日目の記事でCSS Maskingについて書きました。
その中でAndroidには不具合があるんだよね…っていうのを最後の方で紹介したとき、
参考としてリンクしていたのは@mattari_pandaさんが書いた Android4でmask-imageとアニメーションを同時に設定するとマスクしなくなる というデモでした。
でもよく調べてみたらそれだけじゃなかったんです。

続きを読む

External Tools（外部ツール）の設定項目メモ

by

　 　　　*　　　　　　*
　　あけ ＊　　　　おめ ＋　　
　 こと n ∧＿∧　n　よろ
　＋　(ﾖ（* ´∀｀）E)
　 　 　 Y 　　　 Y　　　　＊

External ToolsはEclipse,Aptana,PhpStorm,WebStromなどのIDEにある機能です。
わかりづらい所にひっそりとあるけど地味に便利なやつ。

コマンドのショートカットとして登録するときの設定についてざっとまとめた。

続きを読む