CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。 Defensive CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでの折り返し スペースの確保 テキストが長いコンテンツ 画像の伸縮を防止する スクロールが連鎖するのを回避 CSS変数のフォールバック 固定の幅・固定の高さによるレイアウトの崩れ 忘れがちな背景の繰り返し 垂直のメディアクエリ justif
仕様書の参考例と、こんな内容を仕様書に最低書くといいというお話｜田辺めぐみ
よく、仕様書を書いていなくて、書いてみたいけど、具体的な仕様書がネット上に落ちてなくってこまってるって相談を受けるので 「仕様書の記載内容のイメージ」を作りました！ ※前提として「現在仕様書を書いていない、自社開発のMVP検証前後のフェーズのスタートアップ向け」に書いています。PMが仕様書、エンジニアがDesign Docを書く分担です。 ついでに、システム開発の基礎である「システム開発のV字モデルをベースにした設計書の紹介」も含めてまとめてみましたー！ 大規模開発に使われたり、古くからあるフレームワークなので、スタートアップの方だと、システム開発のV字モデルの概念やそれにあわせた成果物を知らない人が多いけど、「要件定義書」と「設計書」を全てドキュメント化するとどうなるかを理解した上で、「仕様書」として情報を削る方が、考慮漏れ防止やエンジニアがやっている設計内容の理解につながるので、全体を
物撮りの環境を新しくしました - VAMRSS
いつもご覧いただきありがとうございます。しらすサラダです。 今回は、物撮り用に新たに照明を作りましたのでご紹介します。今までの物撮り用の照明はマイクスタンドに白い提灯をぶら下げ、それに蛍光灯を入れたものでした。さらに楽に物撮りが出来るようにしました。 ということで、制作した照明の紹介とその作例、その作り方です。 まずは、制作した照明の紹介です。 制作した照明の紹介 簡単に言うと光るパネルです。一枚１０００円以下（電源は別)で作ることができます。 テープLEDを並べています。LEDの個数でいうと、一枚につき288個です。 重さは一枚につき152gです。また、本体の厚みは7mmほどで、軽い、薄いで取り回しがしやすいものとなっています。 本体の全周にビニールテープが巻いてあるので滑り止めになっています。そして、耐久性が向上しています。 電源はAC/DCアダプターです。 ちなみに、パネル一枚につき
私の部屋のインテリア2022 - VAMRSS
いつもご覧いただきありがとうございます。しらすサラダです。 今回は私の部屋の紹介です。 以前住んでいた賃貸物件から引越しを行い、昔からの憧れであった雑居ビルでの生活が叶いました。そんな雑居ビルでの生活も一年が過ぎ、部屋も落ち着いてきたので紹介致します。 まずは部屋のプロフィールから。 間取りは1R。広さは34平米＋水回り（浴室、お手洗い）の賃貸物件です。 1Rなので各要素を区切るものがありません。何々スペースと言った概念で区切っています。 今回は、キッチンスペース、作業スペース、パソコンスペース、応接スペースの各スペースの紹介と、収納や時計などについて紹介いたします。 まずはキッチンスペースから キッチン全景です。 一枚の板のキッチンカウンターに、シンク、IHコンロが置いてあるシンプルなものです。 カウンターの後ろ側の窓には「INK」と書かれたオブジェを吊しました。 アルファベット３文字の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
