- 2019年12月23日
- 2020年1月4日
- 0件
もう困らない！CSSを古いブラウザ対応用に簡単変換！CSS最適化ツール
概要 CSS最適化ツール https://tools.desnote.com/cssOptimisation/ 古いブラウザで崩れてしまった事、ありませんか？ 世の中の複数のブラウザ、バージョンに対応するにはCSSにベンダープレフィックスをつけたり、別のプロパティで実装をしたり・・・ これを担当デザ […]
TAG
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日
- 0件
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 […]