Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
Emmet/Zen-Codingの使い方をマスターしてコーディングの「はかせ」になる方法 | KA Partner
こんにちは、せっかちな性格の金田です。 小学校の先生が教えてくれた言葉で、算数の答えは「はかせ=はやく、かんたん、せいかく」じゃないとダメという言葉がいまだに忘れられません。 答えは同じでも、そのプロセスについて考えされられた言葉でした。 コーディングに関しても、早く・簡単・正確な方法があれば取り入れるべきだと思います。 そこでおすすめなのがEmmet(旧Zen-Coding)です。 Emmetとは 簡単に言ってしまえば、高機能の単語登録機能みたいなものです。 例えば「a」と入力して変換すれば、「<a href=””></a>」とリンクのタグになります。 この変換のことをEmmetでは展開と呼びます。 例えばこんなことができます。 [HTML]ナビゲーションメニューを展開する nav>ul.menu>li#item$$*5>a[href=#] ↓展開すると <nav> <ul class=
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
