Brackets Snippets (by edc)を使って、Sassの&(アンパサンド)をより楽に記述する方法

Read More

Brackets Snippets (by edc)を使って、Sassの&(アンパサンド)をより楽に記述する方法

Sassといえばネスト・extend・mixinなど、効率的にCSSを記述することができる機能が多数あります。その中のひとつに親セレクタの参照や疑似クラスを指定するために使用する機会も多いと思う&(アンパサンド)というものがありますが、これをBracketsのエクステンションと組み合わせて疑似クラス指定をより楽に記述していく方法を紹介します。

  • Posted on
  • Services & Resource
Brackets:様々な言語のスニペット登録・管理ができるエクステンション「Brackets Snippets (by edc)」

Read More

Brackets:様々な言語のスニペット登録・管理ができるエクステンション「Brackets Snippets (by edc)」

Bracketsでスニペットの登録・管理を行いたい時に便利なエクステンション「Brackets Snippets (by edc)」を紹介します。Bracketsユーザーで且つEmmetを利用しており、言語も普段からよく使うのはHTML・CSS・JavaScript辺りとかであれば、Emmetで十分だったり足りなくてもsnippets.jsonいじって追加とかで事足りる人もいるとは思いますが、例えばそれをもっとわかりやすく管理したいとかPHP・Ruby・Pythonといったその他の言語でもスニペットを管理したり簡単に呼び出せるようにしたいという時に便利なエクステンションです。

  • Posted on
  • Services & Resource
Bracketsで行間(line-height)を変更する方法

Read More

Bracketsで行間(line-height)を変更する方法

僕が知らないだけな可能性もありますが、Bracketsではフォントサイズやフォントファミリーを変更することは「表示 > テーマ」から設定可能ですが、行間を設定できる項目が見当たりません。デフォルトがあからさまに見辛いということでもないのですが、エディタ内の行間を変更する方法を見かけて変更してみたので備忘録です。

  • Posted on
  • Services & Resource
Brackets:コードヒントやクイックドキュメントを拡張できるエクステンションまとめ

Read More

Brackets:コードヒントやクイックドキュメントを拡張できるエクステンションまとめ

Bracketsにはコーディング時に役立つ機能として、HTML・CSS・JavaScriptを記述する際にヒントを出してくれるコードヒントとCSSの各種プロパティについて簡単なドキュメントを確認できるクイックドキュメントという機能が予めついているのですが、それらを更に便利にしてくれるエクステンションを紹介します。また、正確には少し違うのかもしれませんが、同じくコーディング時にヒントを出してくれたり、プロパティなどのブラウザ対応状況を確認することができるエクステンションも併せて紹介します。

  • Posted on
  • Services & Resource
Hello Brackets

Read More

Hello Brackets

今から1年前ぐらいにメインエディタをSublime Textに切り替えた際にもとにかく高機能で使いやすかったので、これはもうずっとSublime Textを使い続けるかもなと思っていたんですが、いろいろと比較した結果メインエディタをBracketsに切り替えることにしました。まだ使い始めたばかりなので気になる拡張機能を片っ端から試してみたり自分が使いやすいようにいろいろといじろうとは思いますが、取り急ぎインストールしてみた拡張機能のメモや切り替える要因となったポイントなどを書き残しておこうと思います。

  • Posted on
  • Services & Resource

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。