BracketsのEmmetをカスタマイズしてより使いやすくする
WEB制作に特化したテキストエディタのBracketsではEmmetを拡張機能から簡単にインストールして利用できますが、まだ隠された機能があるのでそれを有効にすることと もっと使いやすいようにカスタマイズする事でより使いやすくなります。
BracketsでSASSを快適に利用できるようにする 拡張機能+コンパイラ
WEB制作向けに特化したテキストエディタのBracketsでSASSを快適に使うための拡張機能とコンパイラの紹介。Bracketsの場合はSCSSでは、入力補完機能がデフォルトで使えたりしますがSASSでは少し不便だったりしますので、それを拡張機能でカバー出来ます。
jQuery等のライブラリを簡単に取り込んで使えるようにするBracketsのプラグイン(拡張機能)
今回は、Bracketsでよく使うjQuery等のライブラリを必要時に簡単に呼び出したり、ファイルに含めたり出来るプラグインを紹介。
リアルタイムにプレビューができるコードエディタの Brackets で分割ビューが利用可能になり コーディングのスピードアップ
Brackets の新しいバージョン 0.44 が出ました こちらのバージョンから、Bracketsの画面を分割して 2つのファイルを開けるようになり コーディングがさらにやりやすくなりました HTMLとCSS両方表示して作業すれば ファイル間の画面の移動がなくなりとても便利です
自由な形に画像の切り抜きができるSVGのclip-path polygonを CSSで行う
CSSで画像の切り抜きをする SVG の ClipPath で polygon というものがあり 3点以上の座標をX点とY点で指定することで、その領域を切り抜くことが出来ます 画像編集ソフトでクリッピングするようなもので […]
Brackets 0.42 リリース。テーマの機能の追加と言語モードの変更が可能に
Brackets 0.42が出ました http://brackets.io/ 主な変更点 テーマ機能の追加 言語モードの変更 ファイルを横断しての置換時の対象の選択、解除が可能に コードヒントをオフにする機 […]
Brackets Sptint 39 (0.39) が公開 Fuzzy CSS Code Hints でコードヒントがパワーアップ
無料のオープンソースのHTML、CSS、javascriptに特化したエディタのBracketsがバージョンアップしたようです。 http://brackets.io/ Brackets Sp […]
図形を書くかのようにCSS Shapesを簡単に実装できる Bracketsの拡張機能がすごい 『CSS Shapes Editor Extension』
CSS Shapes はまだ正式に実装されたものではなく現在(2014年4月21日)では、テスト段階のものでAdobeが手動的に作っているものなのですが、図形にそってテキストが変形するものです 図形の周りにテキストを回り […]
Brackets sprint 0.38 で導入されたマルチカーソルの使い方 ctrl、alt,ｂキーを使って操作
Brackets 0.38 から Sublime Text のようにマルチカーソルで入力することが可能になりました 複数のテキストを同時に編集や、追加が可能に 連続する項目の一部を一斉に変えたい時とかに便利です &nbs […]
Brackets Sprint 0.38 がリリース (37の次のバージョン) 複数のテキストの同時編集等が可能に
Bracketsの新しいバージョン 0.38が出ました 38ではなくて0.38です 一つ前は37だったんですが、なぜか次は0.38になりました。理由は知りません Brackets 0.38 で何が変わったか […]
Brackets sprint 37 が登場 ライブプレビューの安定化等
オープンソースのコードエディタ Brackets Sprint 37 がリリースされました Brackets 37 の主な変更点 ライブプレビュー機能、ファイル監視機能の安定化 ファイル検索の除外機能の追加 […]
BracketsでHTMLをエスケープしてテキスト表示するための拡張機能 HTMLEscaper
BracketsでHTMLをテキストとして表示したいとき、そのままではHTMLとして動作してしまうのでカッコとかを文字に置き換えてやる必要があるのですが、Bracketsの拡張機能でHTMLEscaperというものがあり […]
Bracketsで簡単にCSSとJSをminify・圧縮することができる拡張機能 Minifier
WordPressとかCMSでもCSSとJSを圧縮するプラグインとかありますが、Bracketsも拡張機能を導入すれば数クリックで元のファイルを残したままできちゃいます。メリットは簡単な事、元ファイルはそのままにしておい […]
BracketsでCSSのクラス名・ID名を自動補完する拡張機能
一度使ったことのあるクラス名・ID名を呼び出すことが可能です、プロジェクト単位で動作するようで更に一度も使われていないものはリストに出ることが無いようです
Brackets Sprint 36 が公開 LESSのコードヒントのサポートなど
Brackets 36 の主なアップデート内容 LESSのコードヒントをサポート LESSのコードヒントがサポートされるようになりました、.lessとなるファイルでもCSSと同様にコードヒントが利用可能になります &nb […]
BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法
Bracketsでは色コードでクイック編集をすると、カラーパレット等のツールが表示されます、そこの機能を使うことで簡単に色コードをそれぞれ相互に変換することができます BracketsでCSSの色コードを変 […]
BracketsでCSSファイルで一度使った色を簡単に選択する方法
BracketsでCSSファイルで一度使われた色を簡単に選ぶことができる方法です、基本的な色以外は色コードを覚えてないことが多いので、パッと呼び出して使うことが出来ます BracketsでCSSファイルで一度使った色を選 […]
Bracketsで色のコードをカラーパレットで色を選択する方法
軽量のWEBコーディングに特化したBracketsでのカラーコードをカラーパレットから選択する事が可能です bracketsでカラーパレットを呼び出す CSSで色コードの箇所で右クリックからクイック編集もし […]
Brackets sprint 35が公開 検索・置換UIの刷新とロードが50％高速化
Brackets sprint 35が公開されています sprint 34からの変化は検索と置換のUIが刷新されました、特に置換のUIがわかりやすくなっています 大文字と小文字の区別も可能になっています、となりのボタンで […]
Brackets Sprint 34が公開 インストールすると自動で上書きされるように変更
BracketsがSprint 34にバージョンアップしました 今回は機能的に特に大きな変更は無く、修正と新しく対応言語が増えました そして、今まではアップデートのためにインストールすると、上書きでは無かったのですが こ […]
