morishitterのCSSの書き方（2016年夏） - morishitter blog

2016/07/29 276 users morishitter 持論 CSS 意図 決定権

2016 - 07 - 29 morishitterのCSSの書き方（2016年夏） 今、自分がどうやって CSS を書いているのかについてまとめる。 CSS を書く前にすること 持論だが、「デザインの意図を正確に理解した上で書かれた CSS は破綻しない」と思っている。 しかし、自分ひとりでサービスを作るときような、デザインの決定権を持つ人とUI実装者が同じである場合を除いて、デザインの意図を正... 続きを読む

CSS Modules 所感 - morishitter blog

2015/09/28 136 users バス CSS 所感 指針 翻訳

2015-09-28 CSS Modules 所感 CSS Modulesという、CSSの新しい設計概念・指針のようなものがある。 CSS Modulesチームの1人であるGlen Maddern氏が書いた「CSS Modules - Welcome to the Future」という記事の翻訳がバズっていたので、僕がCSS Modulesについて思ったことをまとてみる。「CSS Modulesと... 続きを読む

PostCSSとは何か - morishitter blog

2015/08/03 136 users PostCSS プラグイ GitHub node.js製 海外

2015-08-03 PostCSSとは何か PostCSSというnode.js製のツールがある。 PostCSSのGitHubでのStar数は4000を超え、海外のブログではPostCSSについての記事をよく目にするようになった。しかしまだ日本では盛り上がりを感じていないので、日本語のPostCSSの記事を書くことにした。 PostCSS PostCSSとは、JavaScriptで書いたプラグイ... 続きを読む

OOCSSとEDJO、もしくはHTMLとCSSにおける命名 - morishitter blog

2015/01/15 47 users OOCSS CSS 命名 欠点 HTML

2015-01-16 OOCSSとEDJO、もしくはHTMLとCSSにおける命名 OOCSSの欠点とEvery Declaration Just Onceのもたらすもの hail2uさんのこの記事を読んで、EDJO (Every Declaration Just Once)というCSSの記述アプローチを知ったので、僕なりに考えたことをまとめてみる。 OOCSSとEDJO OOCSSとEDJOの違い... 続きを読む

本当のCSS設計、もしくはWebページのデザインプロセス - morishitter blog

2015/01/05 61 users CSS設計 CSS デザインプロセス セレクタ名 衝突

2015-01-05 本当のCSS設計、もしくはWebページのデザインプロセス CSSの設計 = セレクタ名をどう付けるか、って思っている人が多いので、年も明けたしここらで一度「CSSを設計する」とはどういうことか、考えていることをまとめてみる。 セレクタ名をどう付けるか CSSのルールセットは現状全てグローバル定義なので、上手いセレクタ名を付けることで衝突を回避する必要がある。 そのための手法と... 続きを読む

CSSのプリプロセスとポストプロセス、そしてReworkとPostCSS - morishitter blog

2014/12/06 62 users rework PostCSS CSSプリプロセッサー CSS

2014-12-07 CSSのプリプロセスとポストプロセス、そしてReworkとPostCSS この投稿はFrontrend Advent Calendar 2014の7日目の記事です。 CSSプリプロセッサーとポストプロセッサー、そしてそれらをビルドするツールであるReworkとPostCSSについて。 CSSプリプロセッサー、ポストプロセッサー まずは用語の定義を確認する。CSSプリプロセッサ... 続きを読む

YACP: よりオブジェクト指向なCSS設計のためのプリプロセッサー - morishitter blog

2014/12/01 51 users セレクタ CSSプリプロセッサー 命名規則 ディレクトリ構成

2014-12-02 YACP: よりオブジェクト指向なCSS設計のためのプリプロセッサー この投稿はCSS Architecture Advent Calendar 2014の2日目の記事です。 よりオブジェクト指向なCSSの記述を助ける、YACPというCSSプリプロセッサーを作っています。具体的な、セレクタの命名規則やディレクトリ構成の話ではないです。 Object Oriented CSS ... 続きを読む

CSSオジサン #0に行ってきた - morishitter blog

2014/11/09 173 users フル CSS hilokiさん CSS設計 著者

2014-11-09 CSSオジサン #0に行ってきた 昨日大阪で開催された、CSSオジサンっていうCSSの勉強会に行ってきたのでその雑感。CSSオジサンってだけに若者は少なかった。女性の人が思ったよりいた印象ある。 発表は、最初がCSS設計の教科書の著者である@hilokiさん。@hilokiさんと言えばCSS設計。「メンテなブルであり続けるためのCSS設計」というタイトルの発表だった。CSSを... 続きを読む

CSSセレクタの名前を付けるときに考えていること - morishitter blog

2014/06/22 117 users CSSセレクタ セレクタ class CSS 命名

2014-06-23 CSSセレクタの名前を付けるときに考えていること idを使うときも同じだけど、話をわかりやすくするためにclassに統一するということで。 個人的にはセレクタにidは使わない派です。 先日、@cssradarさんが「自分の仕事はclass名を決めた時点で8割終了している」みたいなことを言ってて、僕も概ね同意している。 それほどにCSSでは命名が大切だと思う。 そこで僕が普段ど... 続きを読む

サービスを作る気力がなくなりつつある - morishitter blog

2014/02/21 177 users 気力 2014-02-22 見た目 ヤバイ 普段

2014-02-22 サービスを作る気力がなくなりつつある Webサービスを作りきる気力がなくなってきてるなーって感じてしまった。 これはヤバいと思って、なんでこうなったのか考えてるといろんなことを思った。 サービスを作るのってすごく気力が必要で、まずどんなサービスを作るのか考えないといけないし、どういう見た目にするのかも考えないといけない。 考えてみると僕は普段から「こんなサービスを作りたい」と... 続きを読む