「CODE」に関する記事一覧

【レスポンシブ拡大縮小】要素の縦横比を維持するCSS
画像やブロック要素などの縦横比を固定して、レスポンシブに拡大縮小させたいです。どうすればいいでしょう?CSSの気持ちを...

レスポンシブに「改行」を制御・要素の「表示・非表示」
スマホ用・タブレット用・PC用のそれぞれで、レスポンシブに「テキストの改行<br>」と「要素の表示・非表示...

「チェックマーク付きリスト」を「囲み型ショートコード」で出力
CSSで「チェックマーク付きリスト」をデザインして、WordPressの「囲み型ショートコード」で出力します。

【JQuery:Palette Color Picker】の使い方
JQuery プラグイン「Palette Color Picker」の使い方です。パレット型のカラーピッカーです。設置...

【ユーザーエージェント】の確認( PHP版 )
「ブラウザ情報を取得するには?」ユーザーエージェント情報を確認するためのPHP版サンプルコードと、その説明です。コピペでお使いください。

【ユーザーエージェント】の確認( JavaScript版 )
ブラウザの種別、OS、機種情報などを判定できます。
サーバーにアクセスして、ブラウザでWEBを閲覧するとき、自分...

画面サイズ・モニター解像度・各要素のサイズを確認
レスポンシブにデザインをするとき、ブレークポイントを境に、どのように画面が切り替わるか、実際に画面サイズを伸縮させて確...

【レスポンシブ】テーブル要素とブロック要素を「横にならえ!」
レスポンシブに、tableの頑固な箱組を解体しましょう。ブラウザ幅を変更すると、ブレークポイントを境に、すべてのセルが...

【レスポンシブ】テーブル 表の横並びを縦並びに「前にならえ!」
表の横並びを縦並びに組替します。会社概要とかお問い合わせ欄などの単純な2列表組で、よく使います。
display...

【WordPress】ショートコード:記事内でPHPを使うには?
WordPress(Cocoon)の記事の中で、PHPを使いたいです。どうすればいいでしょう?投稿や固定ページでPHP...