[Sass] Error: File to import not found or unreadable の解決方法
- 2017 8/8
カテゴリー : CSS
[Sass] .scss-lint.yml の導入方法・オススメの設定
- 2017 8/2
CSS を Sass/Scss に変換してくれるサービス css2sass が超便利
- 2017 7/25
CSS を Sass or Scss に変換してくれるウェブサービス css2sass が便利だったのでご紹介します。
Q)「CSS プリプロセッサを導入するなら？」A)「PostCSS かな」 ~ PostCSS, Stylus, Sass, Less ザックリ比較した話
- 2017 6/18
同僚のフロントエンドエンジニア氏に「今から CSS Preprocessor (プリプロセッサ) を導入するなら何がいいですかね？」と聞いたところ「PostCSS ですかね」という回答があったので、PostCSS, Stylus, Sass, Less をざっくり比較した話をご紹介します。
ちなみに、2017年6月某日のお話です。
フロントエンド得意じゃないエンジニアはどの CSS フレームワークを採用すべきか？ → やっぱり Bootstrap がオススメ
- 2017 4/12
最近、知り合いのスタートアップのエンジニアさんに「CSS フレームワークとか何を使えばいいですかね？」と相談されました。
僕は CSS フレームワークはいくつか使ったことあって、色々あるけどこれがオススメって強く言えなかったので社内のフロントエンドエンジニアにヒアリングした内容をご紹介します。
「HTML5&CSS3レッスンブック」が入門書に最適
- 2015 7/5
エンジニアの新人教育に携わる機会を得たので、土日に「HTML5&CSS3レッスンブック」を読みました。
僕がエンジニアの新人研修のときに出会っておきたかったなと思えるような良い入門書です。Amazon のレビューも高評価が多いので、良書なんでしょうね。
エンジニアやデザイナーの入門書にうってつけの本が見つかってよかったです。
[CSS] 画像置換は text-indent: 100%; white-space: nowrap; overflow: hidden; でテキストを隠す
- 2015 6/8
CSS で画像置換をするための Tips をご紹介します。
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } |
昔は text-indent:-9999px; を使うのが主流だったみたいなのですが、今は上記の書き方が主流らしいです。
１点だけ注意したいのが、隠しテキストで Google からペナルティを受けることについて。
画像の内容とテキストが異なってなければ、隠しテキストの Google のペナルティは受けないみたいです。なので、関係ないテキストを画像置換するなどダメな使い方をしていなければ問題ないようです。
