CSSでモーダルウィンドウ（ポップアップ）表示する方法 投稿：2020年02月28日 お久しぶりです。 また大分期間が空いてしまいました。 最近は仕事が忙しくブログを書く時間が全然ありませんでした。 今回は仕事でポップアップウィンドウを作ることが多かったので忘備録と…
content で使える特殊文字コード CSS 投稿：2017年11月01日 content プロパティの値にコードを入れて、特殊文字を表示することができます。 コードは16進数に書き換えて contentの値には、数字が16進数コードを使用して下さい。 ス…
CSSでチェックボタンを大きくする方法 投稿：2017年10月31日 クライアントに 「チェックボックスを大きくして目立つようにしてほしい」 と言われたことはありませんか？ transform:scaleを利用して大きくする方法もあるのですが、ブラウ…
iframe埋め込みでメニューなどと重なる、z-indexが効かない場合の対処方法 投稿：2017年07月23日 ランディングページ(以下LP)でスマホのバーガーサイドメニューをposition:fixed使って導入していました。 そこにYoutube動画をiframeを使って埋め込んだのです…
レスポンシブデザインを作る時の設定など 投稿：2017年04月26日 おはこんばんちわ ハクロンです。 レスポンシブデザインのサイトを作成するときの簡単な設定をいくつか書いていきます。 Vieportを設定する head内に下記のようなメタタグを書き…
コピペでCSS 背景を動画にする HTML5のVIDEO要素 投稿：2017年03月13日 おはこんばんちわハクロンです。 CSSで背景を動画にする方法です。 結果 今回は既にこの投稿ページが結果です。 ブラウザが未対応でない限り既にこのページの背景が草原の動画になってい…
WordPressで改行が効かない場合 投稿：2017年02月13日 おはこんばんちわハクロンです。 WordPressで記事を書く場合、記事作成時に空白行を2行空けても記事として見た時は改行は1行分になってしまったりします。 Wordpressのバ…
Youtube動画の埋め込みをCSSでレスポンシブ対応する 投稿：2017年02月13日 スポンサードリンク おはこんばんちわハクロンです。 普通にwidth="100％"などの対応ではスマホなどで見た場合縦幅がそのままになってしまうなど、そのままの比率でうまく縮小され…
HTML５になって廃止された要素に注意 投稿：2017年01月11日 スポンサードリンク おはこんばんちわハクロンです。 今更ですが。 HTML5になってCSSで代用可能な見た目変更要素やフレーム関連要素などが廃止されて使えなくなりました。 昔からソ…
