WEBOPIXEL

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

Posted: 2011.04.28 / Category: javascript / Tag: ,

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

READ MORE

jQueryでテーブルに連番idの列(カラム)を追加する

Posted: 2011.04.22 / Category: javascript / Tag: 

テーブルで何かのリストを作成するとき、連番idを割り振りたいときがたまにあります。
しかし、htmlで直に1.2.3…と書くのは大変だし、後で3番を削除したいとなった場合すべて打ち直さなくてはいけないので泣きそうになりますね。
そんなときはjQueryが簡単に連番IDを割り振ってくれます。

READ MORE

WordPressでインクルード元のテンプレートから外部CSSやJSを指定する

Posted: 2011.04.20 / Category: WordPress / Tag: 

Wordpressでは基本的に共通のheaderファイルを使用するため、ページごとにcssを切り替えたい場合「is_home」や「is_single」などを駆使して条件分岐で外部cssやjsの切り替えを行うと思います。
数個のテンプレートだったらこれだけでも良いのですが、カテゴリーIDごとやページ数ごとにも切り替えたい場合、分岐が多くなりすぎて管理が大変そうです。
そこでインクルードもとのテンプレートで外部cssやjsを指定する方法をご紹介いたします。

READ MORE

jQueryでGoogleカレンダーの予定を取得して自分のサイトに表示する

Posted: 2011.04.18 / Category: javascript / Tag: , ,

クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。
でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。

READ MORE

WordPressで画像アップロードしたときにムダなサムネイルを自動で作らせなくする方法

Posted: 2011.04.08 / Category: WordPress 

Wordpressは画像をアップロードすると元のサイズの画像の他に、自動で縮小された画像が大中小サイズあわせて3つ作成されます。
サムネイルとか自動で作ってくれるのはすごく便利な機能なんですが、さすがに3つもいらんだろと思えなくもないです。

READ MORE