Atom Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法
Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法があるのを知っていますか？ 1つめの方法は簡単で 開始の波カッコ{ もしくは 終了の波カッコ} を選択すればみつけることができます。ただしペアの波カッコ{}が1画面に...
Atom 
おすすめ本 よくわかるHTML5+CSS3の教科書 第2版 を初心者へのおすすめ本にしている理由
今日は「よくわかるHTML5+CSS3の教科書 第2版」を初心者さんへのおすすめ本にしている理由を書きますね。この本をおすすめする最大の理由は「初心者が辞典がわりとして利用するのにとっても便利だから」です。確かに『わからないことがあった時は...
Atom Atomでhtmlのdivタグを閉じわすれた時に便利な方法
htmlの記述でdivタグの数が多くなってくると、閉じわすれる時がありませんか？ページデザインする際に多くなるdivタグですが、多くなってくるとどうしても開始タグと終了タグの対応関係が複雑になってきて、『このdivタグの終了タグを、入力した...
Atom Atomテキストエディタでhtmlファイルのコメント記号<!– –>を超簡単に入力する方法
htmlファイルにコメントを入力する時の記号<!-- -->を入力するのって大変、もっと楽にならないの……と思いませんか？ コメントを入力するために合計4種類 < ! - > を入力することになるわけですからそう思いますよね。実はAtomテ...
Atom Atomテキストエディタでhtmlのaタグを超簡単に入力する方法
htmlファイルを作成していて、<a>タグを入力する時もっと簡単にできないの……と思いませんか？ <a>タグは、htmlを記述すると必ず記述するタグですからサクサクと簡単に入力したいですよね。Atomテキストエディタであれば実は<a>タグを...
Atom Atomテキストエディタでhtmlのimgタグを超簡単に入力する方法
htmlファイルを作成する時に <img>タグ の入力をもっと簡単にできないの……と思いませんか？ src属性なども入力しなければいけないのでimgタグって結構大変……と思っている人も多いですよね。今日はそんなあなたにAtomテキストエディ...
GIMP GIMPのドリル！を画像加工編集ソフト未経験者・初心者へおすすめ本にしている3つの理由
画像加工編集ソフトはGIMPがおススメと聞いて使いはじめたけど、どこをどのように操作したらいいのかさっぱりわからない……と困っていませんか？ その気持ちよくわかります。わたしもそうでしたから……ネットで調べても断片的な情報しかわからないから...
Atom 新規作成するhtmlファイルのDOCTYPE宣言やhtml・head・title・bodyのタグをAtomテキストエディタで超簡単に一括入力する方法
htmlページを新しく作るときに必須である、DOCTYPE宣言や<html>・<head>・<title>・<body>の開始タグや終了タグをいちいち入力するのって面倒ではありませんか？もちろん最初は練習のために必要かもしれませんが、慣れて...
Atom Atomテキストエディタでインデント（字下げ）に縦線を表示して、htmlのタグ構造をわかりやすくする方法
divタグやtrタグ・tdタグなどが多くなってくるとタグの親子関係や対応関係などの構造がわかりずらい！なんとかならないの……と思いませんか？ 先日ご紹介した「Atomテキストエディタでバラバラになったdivタグのインデント（字下げ）を簡単に...
Atom Atomテキストエディタでバラバラになったdivタグのインデント（字下げ）を簡単に揃える方法
htmlに記述するdivタグの数が増えてくると揃えていたはずのインデント（＝字下げ）が、いつの間にかバラバラになって、対応関係がわからなくなっていませんか？ 2カラム・3カラムのページレイアウトにするとdivタグを数多く使う必要がでてくるた...