WEBOPIXEL

まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]

Posted: 2011.05.19 / Category: WebDesign / Tag: 

最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。
ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。

READ MORE

WordPressで現在のページを除いた所属カテゴリーの最新記事一覧を表示する

Posted: 2011.05.18 / Category: WordPress / Tag: 

Wordpressをブログで使用する場合、記事の最後に関連記事を表示させることが多いと思います。
しかし、コーポレートサイトのお知らせページなどに使用する場合、関連していてもあんまり昔のお知らせが表示されるのはな、、というケースがあります。
ここでは、現在のページを除いた、所属しているカテゴリーの最新記事一覧を表示する方法をご紹介します。

READ MORE

html5のcanvasで簡単な図を描いてみた

Posted: 2011.05.17 / Category: HTML&CSS / Tag: 

やらなくては、やらなくてはと思ってはいてもなかなか手を出せないhtml5ですが。
そろそろ本当にやらなくてはいけない状況になってきているようです。
で、html5とひとことで言ってもいろいろあるわけですが、とりあえずcanvasからはじめてみようかなと。

READ MORE

jQueryで奥行きのある背景スクロールを作ってみる

Posted: 2011.05.13 / Category: javascript / Tag: 

普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。
この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。

READ MORE

WordPressのカスタム投稿タイプでイベント情報ページを作ってみる

Posted: 2011.05.10 / Category: WordPress / Tag: , ,

Wordpressでイベント情報ページを作るには、専用のプラグインが色々ありますので、それらを使用した方が簡単だしちゃんとしたものが作れると思いますが、ここではカスタム投稿タイプや、カスタム分類などを使用して作成します。
(結果的に微妙な感じになってますが、、、)

READ MORE

jQueryで全画面表示するギャラリーを作るチュートリアル

Posted: 2011.04.28 / Category: javascript / Tag: ,

最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。
この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。

READ MORE