Atom Atomでhtmlのdivタグを閉じわすれた時に便利な方法 htmlの記述でdivタグの数が多くなってくると、閉じわすれる時がありませんか?ページデザインする際に多くなるdivタグですが、多くなってくるとどうしても開始タグと終了タグの対応関係が複雑になってきて、『このdivタグの終了タグを、入力した... 2016.03.13 Atom
Atom Atomテキストエディタでhtmlファイルのコメント記号<!– –>を超簡単に入力する方法 htmlファイルにコメントを入力する時の記号<!-- -->を入力するのって大変、もっと楽にならないの……と思いませんか? コメントを入力するために合計4種類 < ! - > を入力することになるわけですからそう思いますよね。実はAtomテ... 2016.03.10 Atom
Atom Atomテキストエディタでhtmlのaタグを超簡単に入力する方法 htmlファイルを作成していて、<a>タグを入力する時もっと簡単にできないの……と思いませんか? <a>タグは、htmlを記述すると必ず記述するタグですからサクサクと簡単に入力したいですよね。Atomテキストエディタであれば実は<a>タグを... 2016.03.09 Atom
Atom Atomテキストエディタでhtmlのimgタグを超簡単に入力する方法 htmlファイルを作成する時に <img>タグ の入力をもっと簡単にできないの……と思いませんか? src属性なども入力しなければいけないのでimgタグって結構大変……と思っている人も多いですよね。今日はそんなあなたにAtomテキストエディ... 2016.03.08 Atom
Atom 新規作成するhtmlファイルのDOCTYPE宣言やhtml・head・title・bodyのタグをAtomテキストエディタで超簡単に一括入力する方法 htmlページを新しく作るときに必須である、DOCTYPE宣言や<html>・<head>・<title>・<body>の開始タグや終了タグをいちいち入力するのって面倒ではありませんか?もちろん最初は練習のために必要かもしれませんが、慣れて... 2016.03.06 Atom
Atom Atomテキストエディタでインデント(字下げ)に縦線を表示して、htmlのタグ構造をわかりやすくする方法 divタグやtrタグ・tdタグなどが多くなってくるとタグの親子関係や対応関係などの構造がわかりずらい!なんとかならないの……と思いませんか? 先日ご紹介した「Atomテキストエディタでバラバラになったdivタグのインデント(字下げ)を簡単に... 2016.02.28 Atom
Atom Atomテキストエディタでバラバラになったdivタグのインデント(字下げ)を簡単に揃える方法 htmlに記述するdivタグの数が増えてくると揃えていたはずのインデント(=字下げ)が、いつの間にかバラバラになって、対応関係がわからなくなっていませんか? 2カラム・3カラムのページレイアウトにするとdivタグを数多く使う必要がでてくるた... 2016.02.27 Atom
Atom Atomテキストエディタで上下・左右に画面分割してファイルを並べて表示する方法 Atomテキストエディタで上下・左右に画面分割してファイルを並べて表示するにはどうすればいいの? ホームページを作成する時にhtml・cssファイルを同時に見ながら編集できると作業効率もあがって便利ですよね。以前の記事でご紹介した「html... 2016.02.24 Atom
Atom Atomテキストエディタでhtmlをプレビュー画面で確認できるパッケージatom-html-previewのインストール方法・使い方 Atomテキストエディタでブラウザーに切り替えないで、編集中のhtmlをプレビュー画面で確認できたらすごく便利なのに……と思いませんか? ホームページ作成においてchromeなどのブラウザーに切り替える作業は負荷がかかるので、できれば避けた... 2016.02.23 Atom
Atom Atomテキストエディタで初心者が必ずインストールしておきたいおすすめパッケージ7選 Atomテキストエディタのパッケージはいったいどれをインストールしたらいいの……と思いませんか? 今日はAtomテキストエディタで初心者が必ずインストールしておきたいおすすめパッケージを7つ選びました。基準は「AtomをHTML&CSSテキ... 2016.02.21 Atom