子犬のかわいさと純真さと天然素材を堪能するの会｜カラパイア
この画像を大きなサイズで見る ただただかわいい子犬たちの写真が集められていた。成獣とははまた違ったかわいさを堪能することができる。好奇心旺盛でひたむきでちょっと天然のボケが入ってて・・・そんな愛すべきキャラの子犬たちの写真をまったりと見ていくことにしよう。 ■1. この画像を大きなサイズで見る ■2. この画像を大きなサイズで見る ■3. この画像を大きなサイズで見る ■4. この画像を大きなサイズで見る ■5. この画像を大きなサイズで見る ■6. この画像を大きなサイズで見る ■7. この画像を大きなサイズで見る ■8. この画像を大きなサイズで見る ■9. この画像を大きなサイズで見る ■10. この画像を大きなサイズで見る ■11. この画像を大きなサイズで見る ■12. この画像を大きなサイズで見る ■13. この画像を大きなサイズで見る ■14. この画像を大きなサイズで見る
フォトショ不要！話題のシネマグラフ（1部分だけ動くgif）を簡単につくれる無料アプリまとめ
プロのカメラマンになるんだ！とかならないんだとか。まずは、カメラ買わなきゃ。どうも、BITA編集部のやな☆ぎさわです。 今回は、ちょっと前から流行っているシネマグラフ（1部分だけ動くgif）を簡単に作れる無料アプリをご紹介します。 一般的にはまだあんまり知られていない上に、Photoshopのようなツールがないと作れないと思われている特殊なGIFアニメーション。 実は意外とカンタンに作れちゃいますんで、ビックリしつつぜひどっかしらで使ってみていただければと思います。 自社サイトの背景や商品画像の一部が動いていると、「え？何これ！？」ってな感じに、ユーザーへの視覚的インパクトを与えるのにとても効果的かもしれません。 ちなみにこんなやつです。↓ こんな感じも 一部だけ動くことで逆に静けさや時間の流れを意識させる手法と言われてます。 参照元：CGFrog.com では、以下より僕が実際に使い倒し
GIFアニメに魅入られて。冬
こんにちは。冬はもっぱら一人鍋井畑です。最近ぐっと寒くなってきましたね。 今回はGIFアニメーションの効果的な使い方や上手く見せるポイントを語ろうと思います。以前から結構作る機会があって割と慣れ親しんでおり、好きなんですー!GIFアニメ;D 紹介する為にGIFアニメを貼りすぎてページが若干重いですがご了承下さい。それではどうぞ!! GIFアニメーションとは GIFアニメ。Web上で動きのある表現方法の一つです。パラパラ漫画のように何枚かの静止画が時間ごとに切り変わる仕組みです。 GIFアニメの他にもjQueryやFlashやCSS3等で動きのある表現ができますが、一番昔からある手法です。(多分) 昔からある分、古くさいとかサイト表示が遅くなるなど、敬遠されがちな部分もあります。しかし、難しい技術も必要無く作成でき、どんなブラウザでも同じように表現されるGIFアニメが僕は好きです。 そりゃあ
[JS] パラパラマンガ用JSを作ってみました – nbnote blog
2013/02/16: 改修したバージョンがこちらにあります。 2012/10/16: スクリプトと記事の内容を修正しました。 さるお方の情報により初めて知ったのですが、jQueryの.animate()などで一度に複数の要素をアニメーションさせると、IE8環境では配置済みのgifアニメが停止しちゃうらしい。しかもIE7でもIE TesterでもIE9の8モードでもなく、ネイティブIE8でしか再現しないというなんともややこしい症状。 自宅にネイティブIE8環境が無いので自分の目では確認できていませんが、原因が多重に発生する再配置や再描画にあるのなら、jQueryだと$.fx.intervalを調整するなどしてその処理を減らしてやれば、ある程度までは緩和できそうです。しかし、それでもダメならこれはもうgifアニメを何か他のもので代替するしかないような…？負荷や処理落ちは別として、あくまでアニ
一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」 | Web活メモ帳
jAniは背景画像をアニメーションさせるjQueryのプラグインです。 通常であれば画像をアニメーションさせるにはアニメーションGIFを使用するのが一般的ですが、256色しか使用できないという制限もあります。 このプラグインを使用すると、アニメーションGIFの制約がなくなるため綺麗なアニメが制作可能です。 まずはデモをご覧下さい。 jAni jQuery Plugin Demo 用意するのは縦長の画像一枚のみ 実際に必要な画像は縦長の画像一枚のみです。 設定でアニメーション速度（画像の切替速度）を変更する事ができます。 設置の仕方 設定も簡単にできるようです。 まずはjsを読み込みます。 次にCSSを設定します。 htmlに表示する位置をdivで指定します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
