ライブプレビュー

Brackets

プロジェクト毎にライブプレビュー ハイライトをカスタマイズする方法

今日は、プロジェクト毎にライブプレビュー ハイライトをカスタマイズする方法をお伝えしますね。『このプロジェクトのホームページだけ画面を青系で作っているので、このプロジェクトだけライブプレビュー ハイライトの色を変更したい』なんて時に便利です...
Brackets

ライブプレビュー ハイライトのカスタマイズの方法

ライブプレビュー ハイライトのカスタマイズ(Live Preview highlight customization)がBrackets Ver1.10から可能になりました。だけど『方法がわからない……』という人がいるのではないでしょうか?...
Brackets

XAMPPのドキュメントルートを変更し、「http://localhost/」でBracketsライブプレビューする方法

BracketsとXAMPPを連携させて、ライブプレビューできるようになった。でもその時、ブラウザーにアクセスするURL(=ドキュメントルート)を「」にしてBracketsライブプレビューしたいんだけど、方法がわからない……という人はいませ...
Brackets

BracketsとXAMPPを連携させ、ライブプレビューする方法

BracketsとXAMPPを連携させ、ライブプレビューする方法の基本編をお伝えしますね。そうそう、アクセスする際のドキュメントルートを変更する方法は、別途お伝えします。→XAMPPのドキュメントルートを変更し、「」でBracketsライブ...
Brackets

Bracketsでエディタとライブプレビューブラウザーとの画面切替をせず同時に表示する方法

ライブプレビューという便利な機能があっても、いちいちBrackets画面とブラウザー画面とを切り替えないと、それぞれの画面が見れないから不便だ! と思いませんか? でももし、Bracketsでエディタと(ライブプレビューの)ブラウ...
Brackets

Bracketsのライブプレビューハイライト(=強調表示)とは?

Bracketsのライブプレビューハイライト(=強調表示)を効果的に使っていますか? Bracketsのエディタ画面にあるカーソル位置が、ブラウザー上では青色枠線で囲まれて表示される機能です。 「えっ? cssのoutlineプロ...
Brackets

Brakcetsライブプレビューのハイライト(強調表示)を設定する方法

Bracketsライブプレビューのハイライト(強調表示)を設定する方法には、 ・メニューバーの[表示]→[ライブプレビューハイライト] ・Ctrl+Shift+c の2つがあります。 Bracketsのライブプレビューハ...
Brackets

Bracketsで「ライブプレビューを起動するには、HTMLファイルを開くか、index.htmlファイルがプロジェクトに含まれていることを確認してください」のエラーが表示された時の対応方法

Bracketで「ライブプレビューを起動するには、HTMLファイルを開くか、index.htmlファイルがプロジェクトに含まれていることを確認してください」というエラーメッセージが表示された時には、以下のいずれかの方法でライブプレビューを再...
Brackets

BracketsでChrome・Firefox・Opera同時にhtml・cssのライブプレビューをする操作方法

BracketsではChrome・Firefox・Operaなど複数ブラウザで同時にライブプレビュー(=クロスブラウザ ライブプレビュー)することが可能です。Windows7ではさらにIEも可能です。 操作方法は ・試験ライブプレビュー...
Brackets

BracketsライブプレビューでInternet Explolerブラウザを使うための簡単設定方法

Windows7(残念ながらWindows8.1では不可能です。)であれば、BracketsのライブプレビューでInternet Explolerブラウザを使うことができます。方法は ・Internet Explolerを既定のブラウザに...
タイトルとURLをコピーしました