タグ

bracketsに関するchimantareのブックマーク (4)

  • 【個人メモ】Bracketsにいれる拡張機能・テーマ・参考リソースなど - Qiita

    これまでDreamweaverをメインに使ってきましたが、コードビューがBracketsになったので、慣れるためにも家のBracketsを真面目に使ってみようと思い、触り始めました。 拡張機能、テーマ、環境設定などの個人メモ。※適宜更新していく予定。 アプリ家サイト http://brackets.io/ おすすめ拡張機能を語るサイトでは、とりあえずExtensions Ratingをおすすめされるが、1.9でExtension Managerに標準でダウンロード数または最終更新日でソートが出来るようになったので導入は見送り(Extensions Ratingでは他にも追加される項目があるので必要な方は入れてもいいかも)。 Beautify JavaScriptHTMLCSSを見やすいよう整形。対象範囲を選択し、ショートカット(Mac:Cmd+Shift+L, Win:Ctr

    【個人メモ】Bracketsにいれる拡張機能・テーマ・参考リソースなど - Qiita
  • Brackets おすすめエクステンション集・解説 - Qiita

    Qiita上の内容を集約し、大幅に修正・加筆したものをとして出版しました。 →ブログ:Bracketsの解説書を出版しました 基的な使い方 こちらにて別途紹介しています。 →Bracketsの機能紹介、使い方解説 →Bracketsショートカット集 カテゴリ一覧 必ず入れておきたいもの ソースコード関連-全般 ソースコード関連-HTML/CSS ソースコード関連-JS/PHP、その他 画像・デザインデータ連携系 挙動改善系 機能拡張系 という形でカテゴリ分けをしています。 ※各エクステンションまだまだ機能をフルに使い切れてないところもありますので、何卒ご容赦ください。。。 必ず入れておきたいもの Extensions Rating 拡張機能一覧画面において、ソート可能にしたり各エクステンションの作者のアイコン・DL数・スター数等の情報を表示してくれます。 これにより、拡張機能がとても探

    Brackets おすすめエクステンション集・解説 - Qiita
  • Edge / BracketsでEmmetとかLESSを – A Memorandum

    Adobeさんが出してる「Edge Code」、TextMateやSublime Text 2っぽいですよね(笑)。で、そのEdge Codeも公開されている拡張機能をインストールすることで、アプリケーションの機能を追加することができるようになっています。 公開中の拡張機能は、Edge Codeの元になってるオープンソースプロダクト「Brackets」のGitHubページにリンクがまとまっています。 Edge Code / Brackets でEmmetを使う WebサイトのHTMLCSSのコーディングをする際に「Zen-Coding」を使っている方もだいぶ増えました(おかげさまで 謎)。 しかしもうZen-Codingは開発終了で、次期バージョンの「Emmet」に置き換えられています。とまぁ、そうなるとより機能が拡充されたEmmetが必要になるわけですが、ちゃんとBrackets /

  • オープンソースのWeb用コードエディター「Brackets」の拡張機能を作成する

    Bracketsのアーキテクチャは高度にモジュール化されており、Bracketsのメインコードをできる限り的を絞ったものに保ちながら、高いカスタマイズの可能性を提供することによって、問題点の分離を実現しています。これは、現代のWeb開発者のニーズを満たすための絶対的な要件です。 ただし、既にお気付きかもしれませんが、Bracketsにはデフォルトの拡張機能が付属していますが、そのままではまだ機能が制限されているようです。このような理由から、新しいユーザーが最初にできることは、筆者のブログの記事「Brackets/Edge Code extensions you should install right now」(今すぐインストールすることをお勧めするBrackets/Edge Codeの拡張機能)で説明しているように、追加の拡張機能をインストールすることです。これによって、文字列操作やコー

    オープンソースのWeb用コードエディター「Brackets」の拡張機能を作成する
  • 1