TAG

css

  • 2019年7月5日
  • 2019年7月5日
  • 0件

「CSS Modules」or「Scoped CSS」or「Styled Component」

BEMやMCSS、SMACSSとかはもう古い。 といっても、正直まだあまり理解指定ない。とりあえずStyled Componentが今人気ということは聞いた。 そしてどれもvueやreactで利用する。 CSS Modules vue ファイルで<style module> と記載。 装 […]

  • 2019年6月29日
  • 2019年10月7日
  • 0件

【2019年版】リセットCSSのおすすめと非推奨はこちら

リセットCSSはブラウザのデフォルトで設定されたCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイル。 新規サイトを作成するとき、コーディングルールを考えるとき、絶対に考えるreset.css。 決定版が欲しいところなのでまとめました。 実際、毎年大きな差分もなく、古いブラウザの最適化がさ […]

  • 2019年6月7日
  • 2019年6月29日
  • 0件

CSS Modulesとは?

大規模化するCSSの問題点 Christopherは以下をあげています。 1. グローバルネームスペース  -> スタイルはグローバルスコープなので、全てに影響がある。JSでグローバル変数は懸念されるのにCSSは許容されている。 2. 依存性  -> ネストすることによるスコープ。パフォ […]

  • 2019年5月3日
  • 2019年6月10日
  • 0件

cssのスタイルガイドライブラリ

はじめに CSSのコメントに書く cssが膨大になるのでミニマイズは必要 環境によっては難しい ペラ1ページには向かない 目的 モジュールの一覧化 デザインの一貫性 新モジュールが追加されたらすぐわかる マークアップのルールがわかる 他のコードをパクりやすい スキルや感性に頼らないコーディング 種類 […]

  • 2019年5月3日
  • 2019年6月19日
  • 0件

CSS設計について – OOCSS/BEM/SMACS/MCSS/FLOCSS

過去にまとめたCSS設計についての考えをまとめてみた。 今は、どういった設計をすべきだろうか。 Reactや、vue.jsのように、node.jsを使っていると、ローカルスコープを使ったcssが簡単にかけるので、ほぼこういったルールは気にしなくても問題がなかったりする。 2009年 OOCSS レイ […]

  • 2019年4月27日
  • 2019年6月10日
  • 0件

flexboxの使い方一覧

ツール 試せる https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/ 親要素 display: flex; flex-direction:子要素の配置方向 row:左から順に。デフォルト。 row […]