WEBOPIXEL

可変グリッドレイアウトなWebデザイン集めてみました

Posted: 2011.01.26 / Category: WebDesign / Tag: 

昨年あたりからウィンドウサイズに追従して変化する可変タイプのグリッドレイアウトが増えてきましたね。こんなレイアウトにしたいなんて注文も増えてきているのではないでしょうか。
そんなときのために可変グリッドレイアウトなサイトとWordpress&jQueryプラグインをピックアップしてみました。
最後には実際に制作するときに使えそうな、Wordpressテーマ&jQueryプラグインをご紹介します。

READ MORE

WordPressで指定したカテゴリーの年別アーカイブを作成する

Posted: 2011.01.21 / Category: WordPress / Tag: 

Wordpressでコーポレートサイトを作成するとき、「お知らせ」というカテゴリーを年別で出力したいという場合があると思います。
しかし、Wordpressの標準機能ではちょっと難しかったりしますよね。
この記事ではカテゴリーを年別に出力する方法をご紹介します。
※Wordpress3.04を使用しています。

READ MORE

CSS3でベーシックなボタンを作成するチュートリアル

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

CSS3はPC向けのサイトではまだまだかもしれませんが、スマートフォン向けのサイトでは回線速度の関係や、ブラウザが限定されている関係でむしろ積極的い使うべきなんだとか。
ということで重い腰を上げてCSS3を初めてようと思います。
まずはCSS3だけでグラデーションとかシャドウのかかったボタンを作成します。

READ MORE

WordPressでよく使いそうなテンプレートパスの記述を短くする

Posted: 2011.01.04 / Category: WordPress / Tag: 

Wordpressでテンプレートフォルダにある画像を読み込みたい場合「bloginfo('template_directory')」なんてタグを使用すると思います。
微妙な長さなんですが、画像の数が多くなるとあれだなと思ったとき、ちょっとだけ短くできる方法をご紹介します。

READ MORE

jQueryで作るボタンでスライドするローテーションバナー

Posted: 2010.12.27 / Category: javascript / Tag: 

以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。

READ MORE

jQueryで指定した要素にclass,idを追加する

Posted: 2010.12.24 / Category: javascript / Tag: 

要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。
この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。

READ MORE