TAG

css

  • 2019年12月23日
  • 2020年1月4日
  • 0件

もう困らない!CSSを古いブラウザ対応用に簡単変換!CSS最適化ツール

概要 CSS最適化ツール https://tools.desnote.com/cssOptimisation/ 古いブラウザで崩れてしまった事、ありませんか? 世の中の複数のブラウザ、バージョンに対応するにはCSSにベンダープレフィックスをつけたり、別のプロパティで実装をしたり・・・ これを担当デザ […]

  • 2019年7月5日
  • 2020年3月12日
  • 0件

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

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

  • 2019年6月29日
  • 2020年6月18日
  • 0件

リセットCSSのおすすめと非推奨【2020年度版】

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

  • 2019年6月7日
  • 2020年3月12日
  • 0件

CSS Modulesとは?

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

  • 2019年5月3日
  • 2020年3月12日
  • 0件

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

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

  • 2019年5月3日
  • 2020年6月13日
  • 1件

OOCSS、BEM、SMACS、MCSS、FLOCSS、一番良いCSS設計手法はなにか。

一番良いCSSの設計手法とは 過去にまとめたCSS設計についての考えをまとめてみた。 今は、どういった設計をすべきだろうか。 ReactやVueを使う場面も増えていく環境で、どの設計手法が一番運用しやすいのか。 CSS設計手法の歴史 2009年 OOCSS レイアウトと見た目のclassをわける 主 […]

  • 2019年4月27日
  • 2020年3月12日
  • 0件

flexboxの使い方一覧

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