CODE | ルファの備忘録

「CODE」に関する記事一覧

CSS

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

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

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

スマホ用・タブレット用・PC用のそれぞれで、レスポンシブに「テキストの改行<br>」と「要素の表示・非表示」をコントロールしたいです。消すか?表示するか?2つのコードは、裏と表で全く同じです。 レスポ...
2020.05.15
WordPress

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

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

【JQuery:Palette Color Picker】の使い方

JQuery プラグイン「Palette Color Picker」の使い方です。パレット型のカラーピッカーです。設置や設定方法をまとめておきます。
2020.05.13
PHP

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

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

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

ブラウザの種別、OS、機種情報などを判定できます。 サーバーにアクセスして、ブラウザでWEBを閲覧するとき、自分が誰かを通知します。これがユーザーエージェントです。
2020.05.08
JavaScript

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

レスポンシブにデザインをするとき、ブレークポイントを境に、どのように画面が切り替わるか、実際に画面サイズを伸縮させて確認します。 この時、今のブラウザ画面サイズを表示させておくとブレークポイントでの確認に便利です...
2020.05.08
Memo

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

レスポンシブに、tableの頑固な箱組を解体しましょう。ブラウザ幅を変更すると、ブレークポイントを境に、すべてのセルが「横にならえ!」と組かわります。リストはブロック要素なので、そのままでは縦に整列してます。これも「横...
2020.05.07
Memo

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

表の横並びを縦並びに組替します。会社概要とかお問い合わせ欄などの単純な2列表組で、よく使います。 displayプロパティは要素の表示形式です。table要素は箱型表示。block要素は縦に並び、inline要素...
2020.05.07
WordPress

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

WordPress(Cocoon)の記事の中で、PHPを使いたいです。どうすればいいでしょう?投稿や固定ページでPHPを実行して、記事の中で動作するWebツールを作成したいです。
2020.05.06
タイトルとURLをコピーしました