一枚の画像を使って、モザイク状の画像をアニメーションで少しずつくっきりさせるスタイルシートのテクニックを紹介します。 もうほんと、ナイスアイデア! コードを見る前に実装方法をちょっと考えてみてください。 ↓はブラウザでの表示をアニメーションgifにしたものです。 Gif Style CSS3 Animation アニメーションはロード時のみなので、繰り返し見たい時はリロードで。 実装はこんな感じです。 HTML HTMLは非常にシンプル! 画像はdivの背景として表示します。 <body> <div class="image"></div> </body> CSS スタイルシートも非常にシンプル、一枚の画像にモザイクからくっきりまでの各コマを並べ、CSSスプライトで次々にアニメーションで表示しています。 コードを見るまで、どうやって実装してるのか全く分かりませんでした。 body { ba
Evernote歴3年以上で2万以上ノートがある私のノートブックとタグと保存された検索の構成をすべて晒します 2014年6月20日投稿 2014年8月7日更新 カテゴリ:エバーノート活用 著者: jMatsuzaki 私の愛しいアップルパイへ ひらめいたアイデアや参画したプロジェクトの資料、自分が発信した情報や執筆した記事に至るまで、自分に関するあらゆる情報を私はEvernoteというサービスに保存しています。 Evernoteにすべてが保存されていて、そこ以外には無いという状態はいつになく気分を爽やかにしてくれますが、記録できる情報が増えた分だけ整理が大変になるのは考えものです。 私はもう3年以上Evernoteを使っており、Evernoteには2万を超えるノートが保存されています。これらの膨大なノートを必要最低限の労力で「使える書庫」にするために試行錯誤を繰り返してきました。 今日はそ
ここ数年怒らないのをモットーとしている。 怒った所で自分も相手も疲れるだけで良い部分はひとつもないから。 逆切れしたくなる所を先手を打って謝り、怒らせた私が悪いと詫びるようにした。 (怒ると叱るは区別したうえで) そうした自制を続けていると、他人に対してイライラする事がなくなった。 心に余裕ができたつもりでいたけど、やっぱり何かつっかかる。 イライラが減ったとはいえ、同じ相手に些細なことで何度も怒られるとさすがに腹が立ってくるわけで、 「なんでこの人こんなに怒るんだろう、しんどくねえのかなあ」くらいには思うわけだ。 で最近ようやく気付いた。 人に対する感度や要求が減ったんじゃないかと思い始めた。 自分が怒らないでいるデメリットとして、人間的な感性の一部を欠落させているのではないかって。 もともと感情表現が下手なのも相まって色々失っている気がする。 本当の意味で心を楽にしたい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く