サーバー・ドメイン「.html」ファイルでPHPを実行させる方法htmlファイルでPHPを実行させる場合の対処法について。ページスクロール時にclass名を付与して特定ボックスを固定・変形させる方法ページスクロール時に、特定ボックスのレイアウトを変えたい、色を変えたい、という時に参考にさせていただいた記事の備忘録です。ボックスの幅を超えてコンテンツを表示させる方法ボックスの幅を超えて(はみ出して)コンテンツを表示させるデザインってありますよね。写真やフロートボックスを隙間なく詰めたレイアウトにするプラグイン「Masonry」フォトギャラリーをPinterestチックな敷き詰めたようなタイル状レイアウトにしたい、なんて要望は結構多かったりします。スマホサイトで画面幅に合わせて画像を自動で拡大縮小させる方法スマホサイトを製作する際に、絶対に使う記述の1つが画像を画面幅に合わせて拡大・縮小させる指定。スマホサイトで「-webkit-text-size-adjust」が効かない時の対処法PC向けサイトをスマートフォンで閲覧した時に、なぜか文字サイズが大きくなってしまうことがあります。これは、スマホブラウザが文字サイズ自動で調整節することが原因。投稿で自動で付くPタグを付けないようにする方法WordPressのデフォルト機能の1つに改行個所を自動でPタグに変換してくれる機能がありますが、これって使う人によっては不要だったりします。今回のこのPタグの自動挿入を停止させる方法をご紹介します。画面の幅(width)に応じて要素にclass名を付与・変更する方法jQueryを使って、ある画面幅を境に任意のボックスへ動的にclass名を付与したり外したりする時のTIPSです。レスポンシブなスマホサイトでtableをイイ感じにリサイズしてくれるプラグイン「ReStable」レスポンシブなスマホ対応サイトを製作する時に、課題となりやすいのが表組み。「tableで組むと、幅狭なスマホ閲覧時にレイアウトがなぁ・・・。スマホサイトで折り畳みやスライドメニューを実装する時にオススメのプラグインスマートフォンサイトを製作する際に、ポイントの1つとなるのが「メニューどうする?」って話。スマホ画面って狭いので、情報の見せ方に工夫が必要なんですよね。高さの異なるリストやブロックを揃える時に便利な「tile.js」floatで並べられた高さの異なるリストやブロックを揃えたい時は、tile.jsというjQueryプラグインを使うと便利です。コピペですぐに使える「table」のコードサンプルtableをhtml/cssでデザインする際に使えるコーディングサンプルをご紹介します。角丸を簡単に実現できる「border-radius」の使い方CSS3には角丸が超簡単に実現できるborder-radiusというプロパティがあります。簡単な角丸から難しい角丸まで、その記述方法を解説します。ブラウザごとにスタイルを指定できるベンダープレフィックスについて昨年・今年とCSS3案件が確実に増えています。そんな中でよく使うのがベンダープレフィックス。今日はそんなベンダープレフィックスについて書いてみます。2カラムレイアウト時に片方を固定・可変にする組み方2カラムのレイアウトで、サイドカラム幅は固定、メインカラムはウィンドウ幅に応じて伸縮するリキッドな感じの配置にしたい時のコーディング方法です。今回は、CSS3を使って画像を角丸にしたり円形にしたり影を入れる基本的な方法について解説します。tableタグのscopeを正しく使おう!皆さんはテーブルタグのスコープって正しく書けてますか?「正直あまり分からない」「テーブルタグを使う機会があまりない」という人も多いのでは。今回は、そんな「scope」について書いてみます。画像の中央寄せやdivの中央寄せって、サイトを作る上で欠かせないんですが、たまに天地(縦軸)でも中央に寄せなきゃいけない場合ってあります。そんな時に使える小技をご紹介。文字サイズをボタンでリアルタイムに変更させる方法ページに大・中・小のボタンを設置して、それを押すとリアルタイムに文字サイズが変更できるjQueryプラグインとその使い方を紹介します。画像ページの先頭へ某企業のウェブ担当を経て2012年に独立。現在は東京・神奈川を中心にウェブ企画/デザイン/コーディングなどウェブ製作業務に従事してます。