タグ : css
2020年8月2日
Development > フロントエンド
スマホ画面になったらボタンになって開閉するメニュー
ヘッダーメニューのよく見るやつ。 パソコンの大きい画面では普通に表示されていて、スマホ画面になったらボタンに変わって出したりしまったりできるやつです。 これが↓ こう↓ JavaScriptのoncl...
2020年5月7日
Development > WordPress
WordPressの記事にGoogleマップを埋め込む方法！
インターネットブラウザ（ChromeとかInternet Explorerとか）で、Googleマップを開きます。 Googleマップ 目的地を検索して、表示したら、「共有」をクリック。 「地図を埋め...
2019年6月19日
Development > フロントエンド
cssだけで作るアコーディオンメニュー
じゅげむ じゅげむじゅげむ ごこうのすりきれ かいじゃりすいぎょのすいぎょうまつうんらいまつふうらいまつ くうねるところにすむところ やぶらこうじのぶらこうじ ぱいぽぱいぽぱいぽのしゅーりんがん しゅ...
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を使うと簡単に表示できます。 画面幅に合わせて表示するタイルの列が自動で変わる優れもの。 で...