Atom Atomテキストエディタでインデント（字下げ）に縦線を表示して、htmlのタグ構造をわかりやすくする方法
divタグやtrタグ・tdタグなどが多くなってくるとタグの親子関係や対応関係などの構造がわかりずらい！なんとかならないの……と思いませんか？ 先日ご紹介した「Atomテキストエディタでバラバラになったdivタグのインデント（字下げ）を簡単に...
ツール
Atom 
Atom Atomテキストエディタでバラバラになったdivタグのインデント（字下げ）を簡単に揃える方法
htmlに記述するdivタグの数が増えてくると揃えていたはずのインデント（＝字下げ）が、いつの間にかバラバラになって、対応関係がわからなくなっていませんか？ 2カラム・3カラムのページレイアウトにするとdivタグを数多く使う必要がでてくるた...
Atom Atomテキストエディタで上下・左右に画面分割してファイルを並べて表示する方法
Atomテキストエディタで上下・左右に画面分割してファイルを並べて表示するにはどうすればいいの？ ホームページを作成する時にhtml・cssファイルを同時に見ながら編集できると作業効率もあがって便利ですよね。以前の記事でご紹介した「html...
Atom Atomテキストエディタでhtmlをプレビュー画面で確認できるパッケージatom-html-previewのインストール方法・使い方
Atomテキストエディタでブラウザーに切り替えないで、編集中のhtmlをプレビュー画面で確認できたらすごく便利なのに……と思いませんか？ ホームページ作成においてchromeなどのブラウザーに切り替える作業は負荷がかかるので、できれば避けた...
GIMP GIMP初心者は入門書としてどの本を買えばいいのか？おすすめといわれている人気の3冊を購入してみました
GIMP初心者は入門書としてどの本を買えばいいの？ 悩みますよね。私も同じように悩み「おすすめ」といわれているGIMP本を結局3冊買ってしまいました。買った順番にいうと「はじめてのGIMP2.8」→「できるクリエイター GIMP2.8 独習...
Atom Atomテキストエディタで初心者が必ずインストールしておきたいおすすめパッケージ7選
Atomテキストエディタのパッケージはいったいどれをインストールしたらいいの……と思いませんか？ 今日はAtomテキストエディタで初心者が必ずインストールしておきたいおすすめパッケージを7つ選びました。基準は「AtomをHTML＆CSSテキ...
Atom Atomテキストエディタの画面右下に表示されていたupdatesの文字が消えてしまったら……設定画面からアップデートしましょう
Atomテキストエディタの画面右下に「updates」の文字が見えていたのに、いつの間にか消えてしまった。これってそもそも何？そしてどうすればいいの……と思っている人はいませんか？ 今日はその対応方法について説明しますね。まず「画面右下に...
Atom Atomテキストエディタで相対パスを入力補完するautocomplete-pathsパッケージをインストールする方法と使用方法
htmlのimgタグのsrc属性に記述する相対パスがなかなか理解できず苦手なんだけど……というのはあなただけではありません。とはいえ相対パスは、htmlの<img>タグはもちろん<a>タグ・<link>タグ、さらにはcssのbackgrou...
Atom Atomテキストエディタの画面右下にupdatesの文字が……これはパッケージを最新の状態する合図です
Atomテキストエディタで画面の右下に「updates」と書かれた文字が表示されている。さらにupdatesの文字上にマウスを移動させると「package updates available」という文字が表示される。これってパッケージを最新...
GIMP 初心者で、無料の画像加工編集ソフトをどれにしようか迷っているあなたにGIMPをおすすめする3つの理由
『ホームページ作成で画像加工編集が超初心者の私でも簡単に操作できるおすすめの無料画像加工編集ソフトはどれなの……』と思いませんか？ ネットで検索して「無料画像加工編集ソフト10選」とか表示されるけど、"おすすめ"がありすぎて『結局、どれにす...