お役に立ちますでしょうかシリーズ第5弾☆【壁紙カレンダー】作ってみました♪

壁紙コレクションというデスクトップ用壁紙配布サイトを作ってみました♪
サイトはこちら→
壁紙カレンダー

お役に立ちますでしょうかシリーズ(今命名した)も第5段となり…

ビビッドカラーズシンプルパターン研究所スタイルシート見出しメーカーPHOTO STOCKERにつづき…

お役に立ちますでしょうかシリーズ(今命名した)も第5段となりました…!
壁紙カレンダーというデスクトップ用壁紙配布サイトを作ってみました♪
仕事のあと、家で夜な夜な作り続けて…昨日無事公開しました!

また新しいサイト!?って感じですが、私が新しいサイトを作るときは、
手元に資産を余らせているときか、大体新しい事を手っ取り早く覚えたい時で…。

今回も例外なく、新しい事を手っ取り早く覚えたかったのでサイトを作りました。

ただ試すだけより、形にしようとするものがあるほうが
手が早く動くし、モチベーションも上がるのです♪

今回、ちゃんと覚えたかったのは…

PHPのGDライブラリ

ちょっ とした画像のリサイズなどには使っていたのですが、
切り抜いてリサイズ、複数の画像の統合、文字の書き込みなどなど…
できることは知っていたけど、実際にどうやるのかはちんぷんかんぷん。。。

うまく使えばいろいろと業務に活用できそうで、も試してみたい事 がたくさんあったのです。

それが全部試せて、
手持ちの資産でさくっとできて、
さらに人の役に立ちそうなサイトってないかなーーーーと考えていたところ
思いついたのがこの壁紙カレンダーでした。

アップされている画像の中から好きな画像を選んで
モニタサイズにぴったりの壁紙が作れるっていうサービスです。
好きな位置に好きな月のカレンダーを入れる事ができたりします。

ちゃんと祝日にも対応しました!

この勉強スタイル、制作実績が増える上に
自分が出来る事を紹介する事にもなるのでおすすめですよー☆

みなさまもどんどんいろんなサイト作っちゃいましょー!!!

ということで、またまた増えました私のサイト、
壁紙カレンダーもそうぞよろしくお願いします♪

次はWordPressで携帯用テーマいじりをがっつりやってみたいので
壁紙コレクションfor携帯・iphoneサイトの作成を計画中です。

来月当たりに時間作れたらいいなー!

トイストーリー3を見てきました!

トイストーリー3を見てきました。

もう!最高でした!!
大人も子供もそれぞれの視点で楽しめる、
この夏おすすめの映画です♪

トイストーリー3を見てきました。
今回のあらすじはこちら↓(wikiより)

おもちゃ達の持ち主であるアンディは17歳になっていて、おもちゃと遊ぶことからは卒業している。そして、もうすぐ大学に進学しようとしている。アンディは引っ越しに際して、長年のお気に入りだったカウボーイ人形のウッディだけを持っていき、アクション人形のバズをはじめとする他のおもちゃたちを屋根裏にしまうことを決めた。

ところが、屋根裏行きのおもちゃ達が手違いでゴミに出されるという事件が起こる。危ういところで難を逃れたおもちゃたちは、アンディに捨てられたと 思い込み、地元の託児施設へ寄付されるおもちゃたちの段ボールに自ら入り込んだ。託児所「サニーサイド」のおもちゃたちに歓待を受けたバズたちは留まるこ とを決意し、仲間を説得するために同行したウッディは諦めて去ってゆく。

だが、新入りのバズたちに割り当てられたのは、おもちゃを乱暴に扱う年少の子供たちが集う部屋だった。「サニーサイド」が強い人間不信を抱えるぬいぐるみのロッツォによっておもちゃの牢獄と化していることを知ったウッディは、仲間を救うために帰ってきた…

人生初初3Dでみました。

でも今日は3Dだったとかどうでもいいです。

とにかくストーリーが素晴らしかった!!!

前作から10年以上の時間が経過していることを
うまく生かしたストーリーで、涙なくしては見られませんでした。

私、トイストーリーの大ファンなんです。

好きすぎて、英語とCG勉強してなんとかピクサーに入るすべはないものかとか
考えていた事があるぐらいw

この作品でもっと好きになりました。

トイストーリーシリーズが好き!というひいき目を取り除いても
本当に素晴らしい作品です。

1、2を見た事がない友人もとても楽しんでいました。

絶対、ぐっときます。

大人も子供もそれぞれの視点で楽しめる、
この夏おすすめの映画です♪

個人サイト4つをValidなHTML化しました。

タイトルの通りなのですが、

いまごろ。ようやく。
運営している4つのサイトをValidなHTML化しました!

個人サイト4つをValidなHTML化しました

タイトルの通りなのですが、

いまごろ。ようやく。

の4つのサイトをValidなHTML化しました!

気になってはいたものの…ずっと放置していました…。

この4つの中でも、PHOTO STOCKER のコードは特にひどくて
縦横中央揃えやhover時の効果、loading時のくるくるなど
いろいろ実現したいがために
aタグにtableタグを入れ込むという苦肉過ぎる作を講じていました。。。

これまでのコードはこちら。

※wpのテーマのコードまるっと貼りました。
見にくかったらごめんなさい><

この部分をざっくりと解説しますと、
写真のカテゴリーの中からランダムに12件取得
fanctions.phpに書いているオリジナル関数(get_the_post_image_src)を使って、それぞれのエントリーに関連付けされている画像ファイルの1枚目のサムネイルのURLを取得、それを表示しています。

WPがらみのこのへんは、需要がありそうだったら別エントリーで書いてみようかと思います。

<div class=”photoList photoListRandom clearFix”>
<?php query_posts(‘cat=5&orderby=rand&posts_per_page=12’); ?>
<?php while (have_posts()) : the_post(); ?><div class=”photoItem”>
<div class=”photoImg”>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”>
<span class=”photoThumbnail”>
<img src=”<?php echo get_option(‘home’); ?>/wp-content/themes/photobox2/images/imgLink.gif” class=”listImgLink” />
<table>
<tr><td><img src=”<?php print get_the_post_image_src(get_the_ID(),”thumbnail”); ?>” class=”listImg” alt=”<?php the_title(); ?>の無料写真” /></td></tr>
</table>

</span>

</a>
</div>
</div>
<?php endwhile; ?>
</div>

aタグの中にtableタグが入っちゃってますね…
これはひどい><

改修した新しいコードがこちら↓

<div class=”photoList photoListRandom clearFix”>
<?php query_posts(‘cat=5&orderby=rand&posts_per_page=18’); ?>
<?php while (have_posts()) : the_post(); ?>
<div class=”photoItem”>
<div class=”photoImg”>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php printf(__(‘Permanent Link to %s’, ‘kubrick’), the_title_attribute(‘echo=0’)); ?>”>
<span class=”photoThumbnail”>
<img src=”<?php echo get_option(‘home’); ?>/wp-content/themes/photobox2/images/imgLink.gif” class=”listImgLink” alt=”” />
<img src=”<?php print get_the_post_image_src(get_the_ID(),”thumbnail”); ?>” class=”listImg” alt=”<?php the_title(); ?>の無料写真” /></td></tr>
</span>
</a>

</div>
</div>
<?php endwhile; ?>
</div>

tableがなくなってすっきりしました。

一番悩んだのが縦横中央揃えの部分なのですが、
テーブルをやめてjQueryで実現しました。

こちらのページを参考にさせていただきました♪

jQueryでボックスの中の画像の縦位置を中央に揃える

今まで通り
縦横中央揃えやhover時の効果、loading時のくるくるなど
きちんと再現しています。

PHOTO STOCKER 改善後

満足満足☆

そして今日、ついにPHOTO STOCKERのはてブ数が200を超えました!!!><

実は密かに目標にしていたのですごくうれしいです;;
ソースもきれいになったし、4つともこれからも更新がんばります☆