Read Article
Brackets：ファイル内容を比較できるエクステンション「brackets-compare」
Brackets上でHTMLやCSSなどのファイル内容の相違確認・比較をさっとできないかなと思い方法を探してみたところ、まさにその機能を利用可能になる「brackets-compare」というエクステンションを見つけたので備忘録兼ねて紹介します。
Tag : Brackets
- 7 Articles -
Read Article
Brackets Snippets (by edc)を使って、Sassの＆（アンパサンド）をより楽に記述する方法
Sassといえばネスト・extend・mixinなど、効率的にCSSを記述することができる機能が多数あります。その中のひとつに親セレクタの参照や疑似クラスを指定するために使用する機会も多いと思う&（アンパサンド）というものがありますが、これをBracketsのエクステンションと組み合わせて疑似クラス指定をより楽に記述していく方法を紹介します。
Read Article
Brackets：様々な言語のスニペット登録・管理ができるエクステンション「Brackets Snippets (by edc)」
Bracketsでスニペットの登録・管理を行いたい時に便利なエクステンション「Brackets Snippets (by edc)」を紹介します。Bracketsユーザーで且つEmmetを利用しており、言語も普段からよく使うのはHTML・CSS・JavaScript辺りとかであれば、Emmetで十分だったり足りなくても`snippets.json`いじって追加とかで事足りる人もいるとは思いますが、…
Read Article
Bracketsで行間（line-height）を変更する方法
僕が知らないだけな可能性もありますが、Bracketsではフォントサイズやフォントファミリーを変更することは「表示 > テーマ」から設定可能ですが、行間を設定できる項目が見当たりません。デフォルトがあからさまに見辛いということでもないのですが、エディタ内の行間を変更する方法を見かけて変更してみたので備忘録です。
Read Article
Brackets：コードヒントやクイックドキュメントを拡張できるエクステンションまとめ
Bracketsにはコーディング時に役立つ機能として、HTML・CSS・JavaScriptを記述する際にヒントを出してくれるコードヒントとCSSの各種プロパティについて簡単なドキュメントを確認できるクイックドキュメントという機能が予めついているのですが、それらを更に便利にしてくれるエクステンションを紹介します。また、正確には少し違うのかもしれませんが、同じくコーディング時にヒントを出してくれたり…
Read Article
Brackets：ダミー画像を挿入できるエクステンション「Brackets Lorem Pixel」
入れてみたので備忘録兼ねてご紹介。「Brackets Lorem Pixel」はBrackets上で手軽にダミー画像を挿入することができるエクステンションで、サイズ・テーマ・カラーを任意で指定することもできます。
Read Article
Hello Brackets
今から1年前ぐらいにメインエディタをSublime Textに切り替えた際にもとにかく高機能で使いやすかったので、これはもうずっとSublime Textを使い続けるかもなと思っていたんですが、いろいろと比較した結果メインエディタをBracketsに切り替えることにしました。まだ使い始めたばかりなので気になる拡張機能を片っ端から試してみたり自分が使いやすいようにいろいろといじろうとは思いますが、取…