タグ

2013年5月17日のブックマーク (4件)

  • 無料モックアップPSD&アクション素材まとめPhotoshopVIP | PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    無料モックアップPSD&アクション素材まとめPhotoshopVIP | PhotoshopVIP
  • HTML5で複雑なアニメーションを実現する最適な方法とは? CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA

    HTML5で複雑なアニメーションを実現する最適な方法とは? CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ:GIFアニメーションを使う方法 おまけ:Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう

    HTML5で複雑なアニメーションを実現する最適な方法とは? CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
    tasuku_i
    tasuku_i 2013/05/17
    HTML5でのアニメーション、どの方法がいいのか悩ましかったので、メリット・デメリットが簡単に纏められてて嬉しい。参考にしたい。
  • 「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ!

    Photoshopでデザインカンプを作成して、いざコーディング!となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前(○○.jpgや○○.png)を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の

    「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ!
  • 7分間で痩せる12種類のエクササイズが話題に!最新の研究で実証済み!

    毎日たったの7分間で大のフィットネス効果が得られる12種類のエクササイズがライフハッカー[日版]で取り上げられていた!効率よく身体を絞りたい人も多いと思うので、紹介しておく! インターバルトレーニングを利用した高効率エクササイズ では早速毎日7分間やるだけで痩せる12種類のエクササイズを紹介する! まずは12種類のトレーニングをご覧頂こう!一部椅子などを使うが、それ以外は身体さえあればできるエクササイズなので自宅でもスペースさえ確保できればできるはず! 念の為に各トレーニング内容を翻訳しておく。 ジャンピング・ジャックス(飛びながら両手を頭の上で叩くと同時に両足を広げる運動) 空気椅子 腕立て伏せ クランチ 椅子の昇り降り スクワット 椅子を使った三頭筋トレーニング プランク(腕とつま先で平らになるようバランスを取る運動) 腿上げ 膝つきだし 腕立てしながら回転運動 横向きのプランク

    7分間で痩せる12種類のエクササイズが話題に!最新の研究で実証済み!