CSS3アニメーションとjQueryを使って、アニメーションの動きが気持ちいい水平型のギャラリー・ポートフォリオを実装するチュートリアルを紹介します。 デモページ：サムネイルのホバー時 サムネイルのホバー時だけでもキャプションの表示だけでなく、画像などのサイズ変更、テキストの表示、各アイテムの可視化、配置変更などもアニメーションで行われています。 実装 実装はポイントをまとめて紹介します、Stepは3つです。 元記事では詳細に書かれているので、参考にしてください。 Step 1: HTML 画像、2つのパラグラフ、タグが一つのセットになっており、それぞれをリスト要素で実装します。 <ul class="portfolio-items"> <li class="item"> <figure> <div class="view"> <img src="images/1.jpg"> </div>

Send to Kindle タスクセラピー１のマンガ家コーチ、岡野純さんのエントリからの引用ですが、このひとこまは単に恐妻家の悲哀を描いただけのものではありません。 「チェックリスト」というのは一つ一つのタスクにおける、最低限度の保証すべき「質を維持する」ためのものです。チェックリストが安心感につながるのはそのせいです。 上のコマで奥様が「ふむ…よし！」とおっしゃっているのは「最低限度見るべきところ」をチェックしているからです。手慣れた人はこれを瞬時にやってしまうのでチェックがきわめてすばやく終わります。 上のコマで純さんがびくびくしているのは「チェックした項目が全部できているだろうか？」という不安と「他にもチェックされるべきことがあるのではないか」という不安を抱えているせいです。もっとも「他のチェックされるべき項目」についてはまだ「習っていない」のですから怒られても仕方がないと割り切る

Send to Kindle第９回タスクセラピーは、久しぶりに定員に達し、盛況のうちに終えることができました。いつもながらコーチの方には感謝しきれないほどです。 今回個人的なテーマとして「リピートをコアに置いたタスク管理により、必要最小限度の改善をたえまなく行い、明確に描ききれない理想的生活を、長期的に実現する」というものがありました。 これが可能だという感じを抱きつつあります。何とかハッキリ言葉にして抽象化できないかともがいている段階です。 ふつう理想的なイメージはまず頭の中に描くものです。だからトップダウンで想定する青写真に現実を近づけるという形をとるのことが多いのですが、多くの人が指摘するとおり現実にこれは無理がある。まったくムリだと思ってしまう人も多い。 しかし逆ではいけないのかというとそうでもないという気がします。理想が頭の中にあるというなら、明示的であろうとあいまいであろうと、