WordPress WordPressループの基本的なwhile文と関数について
WordPressの記事を表示する際に、繰り返されるループの基本的な「while文」と関数を理解していきます。かなり基本なことですね。// // ここで出てくるものは、 while文 have_pos...
WEB DESIGN
WordPress 
CSS CSSだけで画像キャプチャにエフェクトをつけて魅せる「InContent」
class指定をするだけで、キャプチャ画像にアニメーションをかけてカッコよく魅せてくれるスタイルシートの「InContent」のご紹介。デモサンプル// // 1.InContentから「incont...
jQuery マウスオーバーでエフェクトをかけてくれるjQueryプラグイン「Mosaic.js」
いくつかのキャプション画像を並べたページなどで、画像にマウスオーバーするとその説明やリンクテキストなどを動きをつけて表示してくれる「Mosaic.js」を使ってみました。デモサンプル// // 1.M...
jQuery 色んなエフェクトが簡単にできるjQuery Customboxを使ったモーダルウィンドウ表示
モーダルウィンドウってなに？モーダルウィンドウとは、あるウィンドウの子ウィンドウとして表示し、ユーザーがそれに対して何かしらの応答をしない限り、親ウィンドウに戻さないというユーザーインターフェイスのひ...
jQuery ぐわわっと移動するグリッド配置してくれるdylay.js
グリッドレイアウトで要素を配置してくれるプラグインに、ぐわわっと大きな動きで移動するjQueryプラグインdylay.jsを使ってみました。デモサンプル// // 1.dylay.jsをダウンロードA...
PHP 基本的なPHPの知識で出来る便利なこと
phpをそこまで詳しく知らないWebデザイナーさんでも、Webサイト制作でちょこっとphpを組み込んで作れちゃう。そんなことから初めてみればphpも身近に感じられるかもしれませんね。ということで、まず...
jQuery ローディングを自動表示させてくれるjQueryプラグイン「pace.js」14種
要領の大きい画像などを配置したページを読み込む際に、ローディング表示をするだけで読み込み時間のユーザーストレスを軽減することができます。そこで「pace」を使用すると間単にプログレスバーなどの表示が出...
HTML alt属性とtitle属性の違いについて
imgタグの属性として「alt」と「title」があります。どちらも画像に対する説明テキストですが、どのように使い分けるのが正しいのか？ちょこっと触れてみます。(adsbygoogle = windo...
CSS Normalize.cssって何？
これまで、各ブラウザ間のにおけるデフォルトCSSの差異を一旦全てリセットして、スタイルを初めから指定していきましょうというreset.cssがありましたが、全てをリセットしてしまうことは便利な面もあり...
CSS CSSに設定するfont-family
基本的なことかもしれませんが、Webサイトを作る上でフォント設定を皆さんどうしていますか？「Windows OS」や「Mac OS」そして各ブラウザの解釈によっても異なる基本設定や、有無をも言わず明朝...
CSS HTML5で作成するときのIE対応
ここ最近Webサイトの傾向として、様々な企業やブランドがHTML5を導入したサイトを利用するようになってきています。基本的にHTML5から導入された、新しいhtmlタグやCSSの属性などへのブラウザ対...
jQuery スクロールしたら「ページトップへ」ボタンを表示する。
一定の距離をスクロールした時点で、自動的に右下など任意の場所に「ページトップへ」のリンクボタンを表示し、スムーズにそのページの先頭へスクロールするjQueryを使用してみます。デモサンプル// // ...
CSS 画像サイズを揃えてサムネイル画像を表示する
CSSで画像サイズに囚われずに、サムネイル画像を同じサイズで一覧表示する方法。大きさの異なる画像を、任意のサイズの正方形に切り取り（overflow:hiddenを使用して）一覧表示します。デモサンプ...