あなたの知らない CSS ベストプラクティス - Frasco
React 、Angular 、Vue.js などの一般的なフレームワークを使用してアプリケーションを構築している人にも、スタイルの追加は必要です。使用するテクノロジーによっては、スタイルを特定の記述方法で書くことが求められるからです。たとえば React なら、コンポーネントの性質上、CSS Modules を使ってスタイルを記述する方が良いでしょう。新しい CSS の機能を使いたいのであれば、 CSSNext をおすすめします。Sass や LESS のような、古き良き CSS プリプロセッサのことも忘れてはいけません。あなたは、こう思っているかもしれませんね。ツールの数だけ記述方法が存在するに違いない・・・。そうですね、その通りです。でも、基本は同じなんですよ。 この記事では、CSS Modules や Sass / LESS を使用するかどうかにかかわらず、堅牢かつメンテナンス可能
Emacs Helm for CSS/SCSS/LESS を書きました。動画あり - Web学び
2013年 10月 19日 Helmの素晴らしいインターフェースを利用してCSSやSCSS/LESSを上空から見渡すような感じでコーディングできるようになります。 いつもは人様のElispの紹介ばかりなので今回は自分で初めて配布用のものを作ってみましたw 画質がよろしくない48秒の動画です。タイプ音がうるさくて申し訳ありません。 SCSSやLESSのように入れ子になっていたり、圧縮済みCSSも、一瞬でフルセレクタ＆プロパティビュー＆移動可能になります。Helmバッファの移動とセレクタ移動が同時並行に働きます(難しかった ><)。 これが今のところメインの機能です。他にもネストのレベルを指定して閉じ括弧にどのセレクタか分かるようにするコメントを挿入＆書き換え出来る機能があります。 ShingoFukuyama/helm-css-scss パッケージ管理システムのMELPAからもダウンロードで
Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 先日水族館に行ったら「ペンギン12種模型セット」なるものをショップで発見し、危うく買うところでした。 Suicaペンギンのモデルはおそらくアデリーペンギンですが、私が愛してやまないのはジェンツーペンギンです。どうでもいいですね。（興味をもった人はみんな友達） さて、以前にデザイナーのせいとくんが Sassの導入方法と Sassの基本テクニックについてまとめてくれていましたが、今回はそれらを踏まえて、コーディングに役立つextend＆mixin集を作ってみました！ 日々ちょこちょこと作っては使いまわして・・を繰り返しており、あると便利なものは先にまとめておけば楽ではないかと、やっと気付きました。 サンプルで作ったhtmlとscssファイルを一式ダウンロードできるようにしていますので、そのまま使っても良し、各自（各社）毎のコーディングルールに合せて改良しても良し、要ら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
