タグ box-sizing
人気順 5 users 10 users 100 users 500 users 1000 users「出会えたことに感謝したいCSSベスト3」まとめ - Togetter
box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む
[CSS]便利なのが登場!normalize.cssをモダンブラウザ用に最適化したスタイルシート -modern-normalize | コリス
ブラウザごとの差異を吸収してデフォルトのスタイルを提供する「 normalize.css 」をモダンブラウザ用に最適化したスタイルシートを紹介します。 「box-sizing: border-box;」の採用など、今の実装方法に最適化されています。 modern-normalize -GitHub modern-normalizeの特徴 modern-normalizeの使い方 modern-no... 続きを読む
CSS3 の box-sizing が便利すぎる!! padding や border に依存しない width, height 指定 | phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-s... 続きを読む
[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ | コリス
15 essential Sass mixins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Sassやってみたい、と考えてる人には下記の本をオススメします。 Sassの初心者からもっと使いこなしたい人まで、Sassを確実にマスターできるオススメの本 -Sassの教科書 box-sizing(ボックスサイズ) opacity(不透明度) ... 続きを読む
レスポンシブデザインに便利!今さらCSS3のbox-sizingについて話してみます|Webpark
CSS3で追加したプロパティ「box-sizing」が結構便利です。皆さんブログで良さを紹介していますが、私なりに具体例を入れつつ解説してみますので、これを読んで「box-sizing」への理解が深まれば嬉しいです。 以前「初めてスマートフォン専用ページを作成する際に知っておきたいポイント|Webpark」という記事を書いたときに、スマホ用サイトを作るときにbox-sizingが便利という内容を書... 続きを読む
CSS3 の box-sizing が便利すぎる!! padding や border に依存しない width, height 指定 | TM Life
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-s... 続きを読む
reset.cssやnormalize.css、box-sizingなどを選んでシンプルなHTMLのスターターセットを作れるSiimpler - かちびと.net
日曜なので軽い話題。シンプルで 小さめなプロジェクト用のテンプレ を作成するツールです。reset.css とかnormalize.cssなどを選択して スターターセットとしてDLする事が 出来ます。 この手のものはいろいろあるのでお好みで選んでみるといいですね。 Siimpler reset.cssやnormalize.cssなどを選んでシンプルなHTML5製のテンプレを作るサービスです。まぁそ... 続きを読む
CSS でつまづいたポイント ― transparent, transition, box-sizing | Unformed Building
CSS でつまづいたポイント ― transparent, transition, box-sizing 過去に CSS でつまづいたポイントとかメモしておこうと思います。 このくらい分かっとけと言われそうですが、まあ自分はその程度だということで。 transparent について CSS グラデーションで何か黒くなるなーと思ったら、transparent を使っていないかどうか見てみましょう。 ... 続きを読む