まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]
最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。
ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。
- 投稿日
- 更新日
2011年
Wordpressで現在のページを除いた所属カテゴリーの最新記事一覧を表示する
Wordpressをブログで使用する場合、記事の最後に関連記事を表示させることが多いと思います。
しかし、コーポレートサイトのお知らせページなどに使用する場合、関連していてもあんまり昔のお知らせが表示されるのはな、、というケースがあります。
ここでは、現在のページを除いた、所属しているカテゴリーの最新記事一覧を表示する方法をご紹介します。
- 投稿日
- 更新日
html5のcanvasで簡単な図を描いてみた
やらなくては、やらなくてはと思ってはいてもなかなか手を出せないhtml5ですが。
そろそろ本当にやらなくてはいけない状況になってきているようです。
で、html5とひとことで言ってもいろいろあるわけですが、とりあえずcanvasからはじめてみようかなと。
- 投稿日
- 更新日
jQueryで奥行きのある背景スクロールを作ってみる
普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。
この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。
- 投稿日
- 更新日
Wordpressのカスタム投稿タイプでイベント情報ページを作ってみる
Wordpressでイベント情報ページを作るには、専用のプラグインが色々ありますので、それらを使用した方が簡単だしちゃんとしたものが作れると思いますが、ここではカスタム投稿タイプや、カスタム分類などを使用して作成します。
（結果的に微妙な感じになってますが、、、）
- 投稿日
- 更新日
jQueryで全画面表示するギャラリーを作るチュートリアル
最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。
この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。
- 投稿日
- 更新日
jQueryでテーブルに連番idの列（カラム）を追加する
テーブルで何かのリストを作成するとき、連番idを割り振りたいときがたまにあります。
しかし、htmlで直に1.2.3…と書くのは大変だし、後で3番を削除したいとなった場合すべて打ち直さなくてはいけないので泣きそうになりますね。
そんなときはjQueryが簡単に連番IDを割り振ってくれます。
- 投稿日
- 更新日
Wordpressでインクルード元のテンプレートから外部CSSやJSを指定する
Wordpressでは基本的に共通のheaderファイルを使用するため、ページごとにcssを切り替えたい場合「is_home」や「is_single」などを駆使して条件分岐で外部cssやjsの切り替えを行うと思います。
数個のテンプレートだったらこれだけでも良いのですが、カテゴリーIDごとやページ数ごとにも切り替えたい場合、分岐が多くなりすぎて管理が大変そうです。
そこでインクルードもとのテンプレートで外部cssやjsを指定する方法をご紹介いたします。
- 投稿日
- 更新日
jQueryでGoogleカレンダーの予定を取得して自分のサイトに表示する
クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。
でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。
- 投稿日
- 更新日