チュートリアル

jQuery Mobileを使ってiPhone用のWordPressテーマを作るTips

話題のjQuery Mobileを使用したWordPress のiPhone用テーマを作成する方法のご紹介 です。あくまで、対応させる為のTipsという事 で了承願います。jQuery Mobileは、モバイル に簡単に対応させる事...

ブラウザに合わせて背景画像のサイズを自動で合わせてくれるスクリプト・jQuery Backstretch

とても楽そうだったのでメモです。画面 のサイズに合わせて自動で背景画像 をリサイズしてくれるので背景画像を 固定できる、というもの。jQueryのプラ グインなので手軽でいいですね。ユー ザーがどんなモニタサイズでも同じ 背景画...

WordPressの管理画面に出るプラグインのアップデート数の表示を消す方法

主にお仕事でWordPressを使って クライアントさんに納品している方 向けの記事になりますかね・・・WP の管理画面のサイドバーに表示さ れる、プラグインのアップデート可能 な数の表示。若干目障りではありま すね。
Ads

シンプル・軽量(2.2KB)・手軽なjQueryコンテンツスライダー・hash slider

よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。

50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン

機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。

WordPressをマガジンサイト風にする為の基本的なカスタマイズ法

備忘録です。普通のWordPressテーマを マガジンサイトっぽくする必要があって、 カスタマイズしたのですが、方法を忘れ そうなのでメモ。大したカスタマイズじゃ ないです。基本的な内容になりますので あまり参考にならないと思いま...

WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法

コメント頂いたので、記事にして みます。このブログで実装してい るような、コメントとトラバをタブ で分けるカスタマイズ法。方法は 多数あると思いますので参考 程度にして頂ければと思います。

WordPressのカテゴリーを開閉可能なツリー型にするWP-dTreeが上手く動かない時の代替法

ちょっと嵌ったので個人的なメモ。WP-dTree という便利なプラグインがあって、カテゴリー やアーカイブのリンクリストをツリー状にしてく れるプラグインで、開閉時の動きも滑らかです し、cookieに開閉の状態を記録してくれるの ...

WP地味ハック・functions.phpに数行加えるだけでプロフィールの項目にTwitterとか増やす方法

需要があるのか分からないシリーズです。 マルチユーザーのブログで、プロフィールを 使ってるサイトなんかに使えるんじゃないか と思ってエントリー。プログインも使わず、 コアファイルも触らずにプロフィール項目を 増やす方法。

Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法

Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな?という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティ...

Flashに限りなく近いコンテンツをcss3+jsで創り上げたPure CSS3 Spiderman Cartoon

ここまで出来る、という想像はしていました が、実際に作ってくれた方がいましたよ。 css3とjs、html5というFlash不使用で、 Flashサイトのようなコンテンツを実装して いるPure CSS3 Spiderman Cartoonの ご紹介です。

Digg風のようなサイトだけでなく、通常のCMSとしても機能するソフトウェア・HOTARU

ちょっと素敵かも、と思ったので ご紹介。Diggのようなソーシャル なブックマークサイトだけでなく、 通常のCMSとしても機能する オープンソースのソフトウェア、 HOTARUのご紹介。

横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にする

IE fix

昨日書いたjQueryのメニューの Horizontal Slide Out Menuという 横に飛び出るcssメニューですが、 デフォルトではIEで表示が崩れて います。これをIEでも実装出来る ようにします。

css3で実装するドロップシャドウの応用・めくれた感じを作り出す

css3を応用

css3で新たに加えられたドロップ シャドウを使って一歩進んだシャド ウを作るTipsです。画像でよく使わ れている、めくれた際に出来る様な シャドウをcssのみで実装。

CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集

css × クロスブラウザ

cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。

Webデザイン事始め其の三・GIMPで窪みのある文字を作ってみる

Webデザイン事始め

なんとなく気が向いたので 書いてみます。右画像の様 な、窪んだ感じの文字を オープンソースのツール、 GIMPでサクッと作るチュート リアルです。

今更CSS-TRICKSのCODE SNIPPETS GALLERYのWeb制作Tips集が便利なことに気が付いた

便利なTips集

今更ですが海外記事の紹介 でよく見かけるCSS-TRICKS が構築しているページの中に CODE SNIPPETS GALLERY というページがあるのですが、 これが個人的に激しく便利な 事にようやく気が付きました・・

WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる

WPカスタマイズ事始め

WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。

WordPressで再更新(アップデート)した過去記事も最新記事リストに含ませるカスタマイズ法

WPカスタマイズ

自分用のメモです。過去記事を 新たに更新、アップデートした際 にアップデート記事を最新記事 に含ませるカスタマイズ法。

キャプションがクロスしながら切り替わるcss3+jQueryのスライドギャラリーのサンプル

transition slide

css3とjQueryを使ったギャラリーの サンプルです。css3のtransitionを 使ってキャプションをクロスさせなが ら、切り替えています。transitionは IEが対応していないので参考という 感じで。

テキストリンクへのマウスオーバー時にスムーズにURLや他のテキストに切り替えるjQueryプラグインHoverAttribute

HoverAttribute

テキストリンクにマウスオーバー することでURL先やtitle=""内の テキストにフェードエフェクトで 切り替えるjQueryプラグインの HoverAttributeをご紹介します。

css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた

css3 transition

css3のアニメーションプロパティ、 transitionがとても面白いので何と なくアニメーションのサンプルを 色々と作ってみました。まだ対応 ブラウザは少ないですが、将来の 為に予習してみたのでシェア。
Ads