The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
![【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/384feb49f19024293f218545a6a4175e78ec5e35/height=288;version=1;width=512/https%3A%2F%2Fblog.adobe.com%2Fdefault-meta-image.png%3Fwidth%3D1200%26format%3Dpjpg%26optimize%3Dmedium)
ブログ記事の記載については、「Windows Live Writer」などをはじめとしたブログ用のツールがありますが、WYSIWYGを使用しない私にとっては、入力スピードの面で不満がありました。 この度、今後のブログ記事作成を楽にするために検討を行ってみました。 ツールは「サクラエディタ」を使用することとします。 テキストエディタの中では「EmEditor」が巨大ファイルが扱えるなど個人的には好きですが、サクラエディタは会社のパソコンに入っているので選択しました。 結論としては、ものすごい記載が楽になりました。 実施した対策は下記の両方です。 マクロによる<br />入力の省力化 EmmetによるHTML/CSSタグ入力の省力化
【前提条件】 [環境] Windows 7 NetBeans 8.0.2 WindowsとMacの違いはキーバインドが異なるだけだと思います。 【参考サイト】 Emmet Cheat-Sheet Cheat Sheet 【概要】 会社の先輩から「Emmet良いよ」と言われて、 3ヶ月くらい使ってみて思ったことをつらつらと書きます。 EmmetとZenCodingの後継にあたるものです。 と言いつつも自分もよく知らないです。 HTML/CSSのコードをサポートしてくれるツールです。 私はCSSではほとんど使っていないので、HTMLの使い方だけについて書きます。 【インストール】 今回はNetBeanspのEmmetプラグインをインストールします。 Eclipse、Intellij idea、Emacs、Vim、サクラエディタ(!)にもプラグインがあります。 NetBeansの場合はこちらから
こんにちは、せっかちな性格の金田です。 小学校の先生が教えてくれた言葉で、算数の答えは「はかせ=はやく、かんたん、せいかく」じゃないとダメという言葉がいまだに忘れられません。 答えは同じでも、そのプロセスについて考えされられた言葉でした。 コーディングに関しても、早く・簡単・正確な方法があれば取り入れるべきだと思います。 そこでおすすめなのがEmmet(旧Zen-Coding)です。 Emmetとは 簡単に言ってしまえば、高機能の単語登録機能みたいなものです。 例えば「a」と入力して変換すれば、「<a href=””></a>」とリンクのタグになります。 この変換のことをEmmetでは展開と呼びます。 例えばこんなことができます。 [HTML]ナビゲーションメニューを展開する nav>ul.menu>li#item$$*5>a[href=#] ↓展開すると <nav> <ul class=
まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO! エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ
コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く!Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く