Brackets Bracketsでエディタとライブプレビューブラウザーとの画面切替をせず同時に表示する方法
ライブプレビューという便利な機能があっても、いちいちBrackets画面とブラウザー画面とを切り替えないと、それぞれの画面が見れないから不便だ！ と思いませんか？ でももし、Bracketsでエディタと（ライブプレビューの）ブラウザーとを2...
小技
Brackets 
Atom Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法
Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法があるのを知っていますか？ 1つめの方法は簡単で 開始の波カッコ{ もしくは 終了の波カッコ} を選択すればみつけることができます。ただしペアの波カッコ{}が1画面に...
作業グッズ ホームページ作成の本を開いて、ページを固定しておくのが大変！そんな時に便利なページホルダーを100円均のダイソーで購入しました。
ホームページ作成のHTMLやCSSなどの本をみながら、ページが閉じないように本をおさえながら固定してパソコンで入力するのはかなり大変ではないですか？ わたしは本の最初あたりのページとか、最後あたりのページにくると、閉じないようにするのに必死...
小技 ２つのhtmlファイル同士、またはcssファイル同士を比較して間違い探しができる便利なツールWinMerge
なんでホームページが本のサンプルサイトと同じように表示されないの？なんで違うの？どこが違うの？と困った経験はありませんか？ htmlやcssの入門書をみながら、一生懸命あなたがテキストエディタでhtmlタグやcssセレクタを入力したのに、サ...
小技 ホームページ作成でhtmlとcss編集作業を効率アップするショートカットキーの6選！Windows編
ホームページ作成でhtmlやcssを編集するとき、パソコンのショートカットキーを使っていますか？使っていなければ、ぜひおぼえて作業効率をアップさせましょう！今回はWindowsパソコンのショートカットキーで必須の6つをご紹介します。 えっ?...
小技 html・cssファイルのウィンドウを左右に並べて表示させ、編集作業の効率アップ!
ホームページを作成する時、htmlファイルとcssファイルを行ったり来たりするので、すごく疲れる！なんとかならないの？ そんなあなたにぴったりな実践的で便利な小技「html・cssファイルのウィンドウを左右に並べて表示させ、編集作業の効率ア...