CODE | ルファの備忘録

「CODE」に関する記事一覧

CSS

【レスポンシブ拡大縮小】要素の縦横比を維持するCSS

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

レスポンシブに「改行」を制御・要素の「表示・非表示」

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

「チェックマーク付きリスト」を「囲み型ショートコード」で出力

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

【JQuery:Palette Color Picker】の使い方

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

【ユーザーエージェント】の確認( PHP版 )

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

【ユーザーエージェント】の確認( JavaScript版 )

ブラウザの種別、OS、機種情報などを判定できます。 サーバーにアクセスして、ブラウザでWEBを閲覧するとき、自分...
JavaScript

画面サイズ・モニター解像度・各要素のサイズを確認

レスポンシブにデザインをするとき、ブレークポイントを境に、どのように画面が切り替わるか、実際に画面サイズを伸縮させて確...
Memo

【レスポンシブ】テーブル要素とブロック要素を「横にならえ!」

レスポンシブに、tableの頑固な箱組を解体しましょう。ブラウザ幅を変更すると、ブレークポイントを境に、すべてのセルが...
Memo

【レスポンシブ】テーブル 表の横並びを縦並びに「前にならえ!」

表の横並びを縦並びに組替します。会社概要とかお問い合わせ欄などの単純な2列表組で、よく使います。 display...
WordPress

【WordPress】ショートコード:記事内でPHPを使うには?

WordPress(Cocoon)の記事の中で、PHPを使いたいです。どうすればいいでしょう?投稿や固定ページでPHP...
タイトルとURLをコピーしました