タグ

CSS設計に関するKuichiのブックマーク (3)

  • 「Web Componentsが来る!CSS設計はどうなる?」―CSSのエキスパートに聞いてみた!

    「Web Componentsが来る!CSS設計はどうなる?」―CSSのエキスパートに聞いてみた! 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 Safari 10.1からCustom Elementsが使えるようになったり、Microsoft EdgeもWeb Componentsの実装を約束していたりと、Web Componentsの足音は刻一刻と迫ってきています。 そんな時代に、Web開発はどう変わるのか?まずはCSS設計というところに着目して聞いてみたいと思い、先日「Web Components時代のCSS設計」という座談会を開催し、エキスパートの方々にお話を伺ってみました。 ゲストのエキスパート紹介 高津戸 壮さん 株式会社ピクセルグリッド フロントエンドエンジニア Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。スケー

    「Web Componentsが来る!CSS設計はどうなる?」―CSSのエキスパートに聞いてみた!
  • ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA

    みなさんは、CSSを書くときに管理のしやすさを意識していますか? CSSを書くときに命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすくなります。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイルが上書きされすぎていて、 !important せざるを得ない といった問題が起こりやすくなります。このような問題を解決するアプローチとして、CSSを設計するという考え方があります。ウェブサイトの規模が大きくなり複雑化していく現代では、CSS設計を意識することの重要性が高まってきています。今回は、CSS設計をしたことがなくても意識してほしいCSS設計の基礎になる考え方と、基の手法についてご紹介します。 CSS

    ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA
    Kuichi
    Kuichi 2017/03/15
    前はOOCSSの書き方を基本にしていたんだけど、最近は重複する部分があってもボタンA、ボタンB、ボタンC…で作り分けたりしてる。一部だけ変えたいみたいなともあるし部品は別個にしておいた方が扱いやすいみたいで…
  • 抽象化を避けるCSS設計方法論「Enduring CSS」 第1回

    連載では、Enduring CSSというCSS設計方法論を紹介します。Enduring CSSは、Ben Frain氏の著書で、末永く破綻させずにサイトのCSSを設計するにはどうすればよいか。その方法論をまとめたものです。電子書籍でも販売していますが、Webサイトで全ての内容が公開されていますので、無料で全内容を確認可能です。 Enduring CSS by Ben Frain [Leanpub PDF/iPad/Kindle] Architect CSS and scale CSS with the ECSS CSS methodology CSS設計方法論(CSS methodology)と言うと、OOCSS、BEM、SMACSSの3つが著名なものと言えるのではないでしょうか。 An Introduction To Object Oriented CSS (OOCSS) – Smas

    抽象化を避けるCSS設計方法論「Enduring CSS」 第1回
  • 1