目次 EaselJS の SpriteSheetBuilder クラスを使ってみる SpriteSheet クラスのインスタンスを生成できるクラス DEMO 事前準備 インスタンスの作成 フレームの登録 アニメーションの登録 ビルドして SpriteSheet クラスのインスタンスを作成 Sprite クラスに…

目次 旧アイコンについて 個人名刺を作るためにベクター化 → 改アイコン リニューアルのタイミング 下書き Adobe Shape で読み込み Adobe Shape → Illustrator → Sketch 下絵を元にペンツールで完成形へ… 先週こっそり各SNSで使っていたイラストアイコンをリ…

目次 TexturePacker とは TexturePacker の特徴の一部を紹介 様々な言語のフレームワークに対応 PSD や SWF からのインポート対応 マルチパック機能に対応している コマンドラインからの実行 gulp で TexturePacker を実行してみる ライセンスと価格 実はフ…

PushBulletとは アクセストークンの確認方法 JavaScript から API にアクセスする DEMO PHP から API にアクセスする インストール 使い方 メッセージ通知を送信する 終わりに 参考 PushBulletとは PushBullet は Windows, MacOS, iOS, Android など、接続を…

asciinema はターミナルの入出力内容を録画して、その動画をサイト内に埋め込んだり、シェアすることができるサービスです。 動画と言っても HTML ベースで作られているものなので、コピー & ペーストができるのが便利ですね。 インストール方法 ターミナル…

この記事は CSS 珍百景 Advent Calendar 2014 11日目の記事です。 みんな大好き box-shadow box-shadow プロパティは要素に影をつけることができるプロパティです。今回は box-shadow で出会った珍百景と解決法を紹介します。 Chrome で 印刷しようとすると……

この記事は Alfred Advent Calendar 2014 10日目の記事です。 OS X には 辞書アプリがインストールされています。 Alfred ではこの辞書を利用した検索が行えるようになっています。 d 『d』というキーワードの後に、調べたい単語を入力します。 該当する単語…