技術ブログ
投稿日：
CSSのflexをちょこちょこ使ってます。
以前下記リンクで超簡単なサンプルは動かしましたが、実践的なことは何もやっていませんでした。
使って思ったのはやっぱすげー便利ですね。まだほんのちょこっとしか使ってないですけど。
とくに等間隔で要素を配置したいときに役立ちます。
気を付けるべきことなど。
基本親要素のみに設定する
えー一番最初になれるまではこれがようわかりませんでした。基本親要素に指定しておけば子要素に何もする必要ないです。
あとは下記のようなわかりやすいチートシートを何度も見て体で動けるようになっておきましょう。
あとはつぶれそうなときなどは子要素にmin-widthなど設定して、最小限の幅を作っておけば大丈夫かと。
もうちょい慣れて早く使い始めるべきでしたね・・・・
執筆者：matsumoto
関連記事
HTML5は標準でinputタグのバリデーション機能がついており、必須チェックや簡単なエラーチェックなどをすることが出来たりします。 必須入力のほかにも、telやemail、時間など様々なタイプのもの …
CSS小ネタ系。 チェックボックスやラジオと隣接するテキストボックスがあって、チェックがあった時のみ表示したい。(例えばその他の自由入力欄) 完全に隣接の場合にはCSSの+が使えるんですが、そうもいか …
昨日までリーダブルコードを読みまして正しいコーディングについて書いてきました。 本日からは正しいCSSについてみていこうと。 Contents1 CSSとは？2 CSSの書き方3 CSSの挙動4 プロ …
cssのanimationに関して。 例えばhoverしたときに色が変わる仕様はよくあることだと思いますが、transitionを入れることで時間差をつけることができます。 [crayon-66284 …
css animationの使い方、他スクロース量でのアニメーションなど
transitionとちょっと近いですがCSSでのanimationに関して。 HTML
|
1 2 |
<div class="block animation_css"> </div> |
CSS [crayon-66284c618e …
2024/04/11
2024/03/24
2024/02/05
2024/01/20
2023/12/31