タグ : css
2020年10月28日
Development > フロントエンド
YouTubeやGoogleマップを埋め込んで、比率を変えずにレスポンシブ表示する方法！
YouTubeやGoogleマップを埋め込むと、サイズが固定されて、コンテンツエリアからはみ出して表示されることがあります。 Googleマップの埋め込み方法はこちら。WordPress...
2020年10月2日
Development > WordPress > フロントエンド
IEでもWordPressでもjQuery不要のスライダーSiemaを自動再生する方法！
JavaScriptのプラグインSiema。 スライダーを簡単に設置できます。（カルーセルとも言う。） ここでいうプラグインとは、WordPressのプラグインではありません。 このプラグインと違いま...
2020年8月2日
Development > フロントエンド
スマホ画面になったらボタンになって開閉するメニュー
ヘッダーメニューのよく見るやつ。 パソコンの大きい画面では普通に表示されていて、スマホ画面になったらボタンに変わって出したりしまったりできるやつです。 これが↓ こう↓ JavaScriptのoncl...
2020年5月7日
Development > WordPress
WordPressの記事にGoogleマップを埋め込む方法！
インターネットブラウザ（ChromeとかInternet Explorerとか）で、Googleマップを開きます。 Googleマップ 目的地を検索して、表示したら、「共有」をクリック。 「地図を埋め...
2019年4月27日
Development > フロントエンド
[display:flex]フッターの高さが分からないときでも常に最下部に表示する
むかし書いたこちらの記事から月日が経ち、display:flex;が発明されたので、書き直します。 HTMLは、こう。 <body> <header></h...
2019年3月29日
Development > フロントエンド
flexボックスでコンテンツを2つ並べる！
cssに、flexのあれこれを記述して、HTMLでクラス名を書くだけ！ /* css */ .df{ display: flex; }.justify-between{ justify-content...
2018年9月24日
Development > フロントエンド
IEでもflexボックスでグリッドデザインを作る方法！
※結論までワープする タイルのように同じ大きさのボックスを並べるデザイン。 CSSのdisplay:gridを使うと簡単に表示できます。 画面幅に合わせて表示するタイルの列が自動で変わる優れもの。 で...