自身における4月からの活動範囲が今週末に決定する?

昨年お休みを頂いたあのチームが再び活動を開始します。
とは言っても、毎年恒例となるメンバー全員の意思確認から。

スタッフの子供たちも成長し、それぞれの生活環境が急激に変わってきているので、活動にどれだけの時間が割けるかが焦点。
なんとか続けては行きたいのだけど、さてどうなりますか。

流行りのスクロール連動型CSSアニメーションをWordPressに実装してみた

Appleのホームページのように、下にスクロールすると画像やテキスト文字が出現と同時に動き出すサイトを最近よく見かけます。
あれ、どやってるんだろう? と、いろいろ調べてみるとGitHubでオープンソース化されている方がいたので、当ブログに実装してみた。

下にゆっくりスクロールすると指定した出現のタイミングでアニメーションします。

実際の動きはこんな感じ↓

 
 
 
 
 
 
 


TEXT ANIMATION

 
 
 

ドキッドキッ♡

 
 
 

すぅー、ピタッ。

 
 
 

((((( BruBruBru ))))

 
 
 

Guruguru Pita!

 
 
 

レイラ

 

気の利いたオシャレなサンプルが作れなくてごめんなさい(笑)

使用したのは Javascript の wow.jp と CSS3 の animait.css。
WEBサイトへの設置方法はこちらで紹介されています。
アニメーションの動作サンプルはこちらで確認できます
サンプルコードのダウンロードはこちらから

WOW.jpをWordpressに実装するためにはいくつかの方法が考えられますが、今回は直接テーマフォルダーの中に組み込んでみました。

投稿テキスト編集画面で、適応したいオブジェクトにエフェクト名を直接 CSSでコード指定しないといけないのが面倒ですが、Flashなどのオーサリングソフトを使わず、簡単にアニメーションを加えられるのは便利ですね。
アイデア次第で、色々な使い方ができそうです。
いちいちコード入力が面倒ならプラグインの「AddQuicktag」を使ってボタン入力するという手もあります。

HTMLとCSSが分かる人なら簡単に実装できるので試してみてはいかがでしょう。

借り部屋のまる彦ってぃ

大量に写真をプリントしなきゃいけないのに、プリンターの調子が悪い。シーズンになるとほぼ毎日稼働している我が家のインクジェットプリンター。そろそろ 寿命なのは薄々感づいてはいたけどいよいよダメみたい。と言ってもこのところ相次ぐ出費ですぐに新しいのは買えず・・・。しかたがないので、fujeyさんに泣きつく事にしました。

こちらはfujeyさ んの仕事部屋。(なぜかヨメとレイラも)最近新調された27インチ Apple LED Cinema Display とインクジェットプリンターをお借りして、セレクト作業とプリントをさせてもらいました。シンプルですっきりとしたお部屋で、仕事もはかどります。イス代 わりのバランスボールはボクの提案。自然と姿勢が良くなって健康にもいいのでお勧め!

あこがれのデュアルディスプレイで、Lightroomを使ったセレクト作業もはかどります。それにしても、27インチのモニターはうらやまし い!!すべ ての仕事をMacBook Pro 17インチのモニターでこなしている自分の環境がほんと嫌になります。

いつかはfujeyさんのような素敵な仕事部屋に、大画面のデュアルモニターを置いて仕事がしたいなぁ~。fujeyさん、またヨロシク!