- 2021年9月13日
【CSS】要素を動的に拡大・縮小した時に一部の子要素がはみ出す
現在開発中の Web システムに、CSS の transform プロパティで scale() を使って、指定した要素を動的に拡大・縮小するという機能があるのですが、こちらで要素の […]
CATEGORY
CSS
- 2021年9月10日
【CSS】display: gridを指定した時に横方向に並べる子要素の数を指定する
display: grid を使い慣れておらず、毎回検索してしまっているので備忘録としてまとめ。 タイトル通り、display: grid を指定した時に横方向に並べる子要素の数を […]
- 2021年8月26日
- 2021年11月5日
【CSS】画面全体をブラウザで拡縮した時と同様の結果を得るCSS
追記（2021/11/05）：htmlにscaleをかけるとclientXなどの座標回りが奇妙な挙動（JavaScript上のX,Yと画面で見たX,Yが対応していない？）になるので […]
- 2021年8月23日
【CSS】iOSのSafariでアドレスバーが表示されていてもページを画面100%にする
まだ実際に試してはいないのですが、今後使いそうだと思ったので備忘録としてまとめ。 iOS の Safari でアドレスバーが表示されている状態でも、ページの高さを 100% にする […]
- 2021年8月10日
【CSS】display:flex;で並べた要素間の余白を指定する
タイトル通り、display:flex; で横もしくは縦並びで並べた要素の余白を指定する方法についてです。 今まではやり方を知らなかったので、要素に margin を使って余白を指 […]
- 2021年8月6日
【CSS】複数の要素を均等幅で横並びに配置する
今回は、CSS で要素を横並び＆均等幅で配置する方法についてです。 ようやく display: flex; を意のままに使えるようになったので、最近多用しています。 参考にさせてい […]
- 2021年8月4日
【React】【CSS】特定の要素をユーザが拡縮する機能の作り方
レスポンシブデザインを実現するためには、スマートフォン等の画面が小さい場合でもいい感じのデザインにする必要があります。よくある実現方法は画面によって適切な折り返しを作る方法ですが […]
- 2021年8月2日
- 2021年8月3日
【HTML】【CSS】table タグを使わず table 的な幅、高さ調整をした表を作る
table は表を表す HTML タグです。これを用いることで次の様な表の同行の中で最も高いマスに合わせた高さ、同列の中で最も広い幅のマスに合わせた幅を持つ表を作れます。 < […]
- 2021年7月8日
【CSS】<ul>リストの黒丸を※に変更する
HTML の <ul> タグで作成したリストの黒丸を任意の文字に変更する方法についてです。 今回は、タイトルにある通り「※」に変更しました。 実装にはこち […]
- 2021年7月6日
【CSS】@mediaを使ってレスポンシブデザインに対応する
初歩的な内容ですが、苦手意識があったので自分のためにまとめ。 タイトルにある通り、@media を使ってレスポンシブデザインに対応する方法についてです。 参考にさせて […]
- 2021年6月29日
【CSS】簡易なドロップゾーンを作るスニペット
ドロップゾーンはファイルをドラッグアンドドロップで入力欄に入力できる仕組みのことの通称です。JavaScript では dropzone.js をはじめとして様々な dropzo […]
- 2021年6月2日
【Webサービス】CSSコードを生成できるグラデーションジェネレーター「CSS Gradient」
アプリで3色以上を使ったグラデーションを実装するときに使用したグラデーションジェネレータサービスをご紹介。 「CSS Gradient」というサービスで、複数の色を指定でき、また色 […]
