Bracketsのおすすめの初期設定項目【初心者編】

Brakcetsはインストール直後から、特に設定しなくてもすぐに使える便利なhtml&cssエディタです。が、設定しておくと便利な項目もいくつかあるのも事実です。ということで、今日はBracketsのおすすめの初期設定項目【初心者編】としてまとめました。

もちろん初級・中級・上級とレベルアップするにつれて、設定する項目は違ってくると思います。なのでここでは「ホームページ作成がはじめて! という初心者さん」&初級者さんを想定して、項目をピックアップしました。

ちなみに管理人は、ここでご紹介している設定をBracketsにして、以下のサイトをつくりました。

自作ホームページ 「イタリア観光ぷちガイド」を公開しました。
html・css3・Javascript(jQuery)を使用して、ゼロからレイアウトを作成し、作り上げた自作ホームページ 「イタリア観光ぷちガイド」を公開しました。レスポンシブWebデザインを採用しているため、スマホでもPCでも閲覧可...

おススメのプラグインもご紹介しています。こちらも参考にしてくださいネ。

Bracketsでおすすめのプラグインまとめ【初心者編】
Bracketsでおすすめのプラグインご紹介します。今回ご紹介するのは、管理人が、htmlとcssとJavaScript(jQuery)でホームページを作っている時に実際に使っているプラグインです。管理人はホームページ作成初心者のなので、初...

それでは、はじめますね。

背景色の変更

まずは、Bracketsの外見から変えていきましょう。Bracketsではテーマというプラグインをインストールして、背景色を変更します。

Bracketsの背景色を変更する設定方法
Bracketsの初期設定されている背景色を変更したいなぁ……と思いませんか? Bracketsはインストールしたままの初期設定の状態では、背景色が白っぽい明るい色になっています。私みたいにおじさんになったせいで『目の疲れがヒドイので...

人気のテーマはこちらでご紹介しています(順位変動はほぼありません。変更があったらまたご報告しますね)。

2016年9月版 Bracketsテーマ(≒背景色)のダウンロード数ランキング トップ5
Bracketsのおすすめのテーマ(≒背景色)はどれなんだろう……と思い、2016年9月22日時点における Bracketsテーマの「ダウンロード数ランキング トップ5」を調べてみました。 「おすすめの目安」としてダウンロード数が...

ちなみに管理人は、「Monakai Dark Soda」というテーマを使用しています。一番ダウンロード数が多いテーマです。

とりあえず何でも外見からですね(^_-)-☆

エディタのフォント変更

Bracketsで初期設定されているフォントもいいですが、もっと見た目が素敵&おしゃれ&綺麗なフォントもあります。コーディングの効率も上がりますので、少し手が空いたらぜひやってみてくださいネ。もちろんすべて無料のフォントです。

Bracketsのフォントを簡単に変更・設定する方法
Bracektsエディタのフォントを変更・設定する方法は? 『インストール直後にBracketsエディタで初期設定されているフォントを変更したいなぁ』と思いませんか?htmlやcss・JavaScriptをコーディングする時に、見た目が素敵...

ちなみに管理人は今「MyricaM M」というフォントを使用しています。

エディタのカーソル行を強調表示

Bracketsのエディタ画面でカーソルのある行(現在行)を強調表示する設定をしておくと、コーディングの時にすっごく便利です。ぜひ設定しておいてください。

Bracketsでカーソルのある行(現在行)を強調表示する設定
Bracketsのエディタ画面でカーソル行(現在行)を強調表示するには、メニューバー→を選択します。 Bracketsで画面分割を利用して、htmlやcssなどの複数ファイルを編集していて、画面を切り替えた瞬間に『あれっ?...

ライブプレビュー関連

ライブプレビューは、Google Chromeが便利です。が『他のブラウザーがいい!』という人も中にはいるハズ……。ということで、Google Chrome以外のブラウザーで、ライブプレビューするための設定方法です。IEはWindows7のみです(残念ながら8.1では不可能です)。

https://creating-homepage.com/archives/3355


https://creating-homepage.com/archives/3460

さらに、異なるブラウザーを同時につかうこともできます。

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

まとめ

今日はBracketsのおすすめの初期設定項目【初心者編】としてまとめました。

もちろん初級・中級・上級とレベルアップするにつれて、設定する項目は違ってくると思います。が、『ホームページ作成がはじめてで、どれを設定していいのかわからない!』といった初心者さんや初級者さんはぜひ、今日ご紹介した設定項目をしておいてくださいネ。

ちなみにここに設定している項目だけでも、こちらのようなホームページがつくれますのでご安心ください。→自作ホームページ 「イタリア観光ぷちガイド」を公開しました。

そうそう、プラグインについてはこちらでご紹介しています。こちらはおススメのプラグインをご紹介していますので、参考にしてくださいネ。→Bracketsでおすすめのプラグインまとめ【初心者編】

それでは!

コメント

タイトルとURLをコピーしました