WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

テキストエディタ

SublimeText 環境設定(Prefarences)

Settings - User メニュー Prefarences→Settings - User { "color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",//テキスト領域の配色 "theme": "Seti.sublime-theme",//UIの外観 "draw_white_space": "all",//スペースやタブを可視化 "fon…

SublimeText パッケージ

パッケージをインストールすると 様々な機能が追加することができる。 インストール方法 SublimeTextを開いたら 「ctrol + Shift + P」を押しコマンドリストを表示させる。 表示されたフォームに「install」などと打ち込むとリストが絞り込まれて Package Co…

HTMLやCSSを省略して書くことができるEmmet

Emmetとは HTML、CSSを省略して書くことができる。 導入方法 SublimeText2などのエディタにプラグインとして配布しているので インストールをする。 使い方 【SublimeTextの場合】 Emmetのコードを打ち、カーソルをコードの最後に置いた状態で 「Ctrl + e」…

Dreamweaverの設定

半角スペース、全角スペース、改行を表示させる メニューの表示→コードビューオプション→非表示の文字にチェック 半角スペースは・、全角スペースは□、改行もマークが表示される。 改行スペースの指定 メニューの編集→環境設定→コードフォーマット→インデン…

brackets

brackets.ioAdobeが公開しているオープンソースエディタ HTML、CSS、JavaScriptで作られている。 HTML/CSS/JavaScript用 日本語対応 編集してすぐに更新されるライブプレビュー機能付き 拡張機能を追加して様々な機能を付けることができる。 拡張機能マネー…

TeraPad

TeraPad初心者向けシンプルなテキストエディタ メニュー表示→オプションで設定を変更することができる。 基本 タブの文字数…タブにした時の文字数 オートインデント…インデントして改行した時も上の行と同じインデントに自動でしてくれる 表示 マーク TAB(T)…