忍法「jQueryを使って画像をフェードインさせる」の術

忍法jquery

ご機嫌いかがでござるか、トリでござる。

 

 

あ、あの、いきなりだけど、、、

 

ちょっとさ、めんどうだけどさ、

 

このまま画面をスクロールしてくださらぬか?

 

 

 

 

 

 

 

 

 

 

 

 

 

忍者

 

 

どうどう?出ましたよね?フワーっとフェードインしましたよね?

 

はい、今日はこれやりまーす!

 

>> 続きを読む

初心者でもコピペで出来るjQueryを使ったボタンの設置

jQueryボタンの設置

早いものでもう12月ですね~。

まだハロウィンの飾りを出したままのトリでございます、こんちは~。

 

 

さて、前回の記事から、今回の記事投稿までの間に、このブログにちょっとした変化があったのですが、気づきましたか?

 

うむ。では、わからない方のためにシンキングタイム♪

 

>> 続きを読む

3分で出来るコメント欄のアイコン表示

Gravatar例2

こんにちは、トリでございます。

 

初心者のみなさんがWPのブログをコメントして回っていると、ふとあることに気づくと思います。それは「あれ?なんかみんなコメントしたらアイコンが表示される!どうやってんの?」ということです。

 

Gravatar例

 

おそらく、ほとんどのブログアフィリエイターさんが設定されている、その名もGravatar。グローバルなアバターという意味らしいです。ちなみに前にご紹介したファビコンはfavoriteなiconという意味だそうです( ´_ゝ`)フーン

 

設定はとっても簡単ですので、早い段階でパパッと設定しちゃいましょう!

 

>> 続きを読む

世はモバイルフレンドリー時代を迎える

端末

こんにちは、トリでございます。

 

レスポンシブデザインって聞いたことありますでしょうか?PCにもスマホにもタブレットにも対応したモバイルフレンドリーサイトにするためのもので、今やアフィリエイトブログには必須と言える機能です。今回はその仕組みと重要性についてお話したいと思います。

 

>> 続きを読む

トラックバックは難しくない!

ピン

こんにちは、トリでございます。

 

今回お話しするのはトラックバックについてです。ブログとセットで付いてくる機能であり、よくトラバなんて呼ばれていますが、みなさんどんなイメージでしょう?

 

「よく目にするけど、イマイチわかんないんだよねー。」

「知ってるけど、トラバするのって気が引けるんだよねー。」

 

など思っていらっしゃいませんか?

タイトルにあります通り、トラックバックは何も難しいものではありませんし、いいなと思った記事はどんどんトラバっちゃえばいいと思います。ただし、そこにはきちんとマナーやルールが存在しますので、ここでしっかり勉強していって下さい。

 

>> 続きを読む

画像を枠線で囲って目立たせよう!

枠線サンプル

こんにちは、トリでございます。

 

キャプチャ画像を貼りつける時に、画像背景が白色だと本文と同化しちゃって見づらいな・・・なんてことはありませんか?

 

私は図解マニュアルを作ることが多いので、しょっちゅうそのことに悩まされており、ペイントでわざわざ枠線を作ってからアップロードするという、なんとも非効率なことをずーっとしておりました。しかも、カーソルが微妙にズレたりして、微調整が難しいことなんの。

 

で、ある日「もっと簡単に枠線を作る方法はないかね?」とカタカタと検索してみたところ・・・ありました!CSSにタグを追加するだけで、あんなイライラ作業とはもうサヨナラ出来ちゃうんです。同じ悩みを持っていた方は是非活用してみて下さい。

 

※CSS?タグ?なんだそれは?という方は「最低限覚えておきたいHTML講座」をまずお読み下さい。

 

>> 続きを読む

写真の位置情報は削除してますか?

写真撮影

こんにちは、トリでございます。

 

今回のテーマは写真の位置情報についてです。カメラが発達するにつれ、写真データにはどこで撮られたかという位置情報が入るようになりました。iPhoneなんかで見てみると、撮影場所が地図上にピンで表示されるなんて機能もあります。

 

ただ、これをそのままネットにアップロードすると、DLされた時に撮影場所が特定される可能性があります。自宅を特定されたり、自分の活動範囲が特定されたりすると、色々と面倒なことにもなりますので、アップロード前には位置情報を削除するようにしましょう。

 

>> 続きを読む

カーソルを乗せると絵が変わる!

こんにちは、トリでございます。

 

最近の記事を見て頂けるとわかると思うのですが、

ちょっとしたギミックとか加工にハマり気味の管理人です。

 

他の方のブログを見ていると、

 

「ん?これはどうなってるんだ!?」

 

とか

 

「おぉっ!これ、私もやりたい!」

 

となって、すぐカタカタと検索してしまうんです。

で、その方法を見つけて、うまく出来た時はガッツポーズ。

すぐみなさんとシェアモードになります。

 

たまにどうしてもわからなくて、

 

「すみませ~ん・・・お宅のそれ、どうされてるんですかねぇ?」

 

なんて、ドアを叩くこともあります。

もしみなさんのドアもノックされましたら、

生暖かく迎え入れて下さると嬉しいです(笑)

 

>> 続きを読む

3分モザイクッキング

こんにちは、トリでございます。

 

アフィリエイトで図解マニュアルを作る際、

特に各種サービスへの登録手順を解説する時、

必ずと言っていいほど出てくる個人情報画面。

 

「このページの操作方法説明したいんだけど、個人情報載ってるから隠したい」

 

ってなったことはありませんか?
漢前にペイントのブラシでシャッ!と塗りつぶすもよし、
ブランクに見せかけるために背景と同系色で塗るもよし。

 

でも、「隠す=モザイク」でやりたいなって方結構いらっしゃいません?

ここは本当は入力箇所なんですが個人情報なので敢えて隠してますよ的な意味で。
私もそうでした。
「え~ペイントで、モザイク・・・モザイク・・・ないじゃん!」

 

って当初は焦りました(笑)
そう、Windows標準アプリのペイントにはモザイク加工機能はないんですね~。
では、みなさんどうやっているのか!?
実はとーっても簡単ですので、是非やってみてください。

 

>> 続きを読む

動く画像を作りたい!

こんにちは、トリでございます。

 

今回もちょっと楽しい小技をご紹介します。

みなさんもサイト上で動くアイコンや画像を目にしたことないですか?

 

これはGIF画像と呼ばれるもので、パラパラ漫画のようなものです。

何枚かの画像を連続して見せることにより、動いているように見えるというものです。

 

作り方はとても簡単です。

パラパラ漫画を作るのと同じ要領で、複数画像を用意して、

後はGIFファイルを生成してくれるソフトやサイトに放り込めば、

パッと出来ちゃいます。

 

ちなみに管理人はその昔、

とんでもないクオリティのGIFアニメにハマったことがございました。

これなんですが・・・GIFで作られてるなんて信じられないです!

しかも作者さんの本業が確か八百屋さんで驚いた記憶があります。

 

まぁ、ここまで高クオリティのものは作れませんが(笑)、

覚えておくと、サイトのちょっとしたアクセントに使えますよ。

 

>> 続きを読む

ページの先頭へ