EmmetでHTML 5.1のレスポンシブイメージを効率よく記述しよう - Qiita
HTML、CSSを短い文字数で打てるプラグインEmmetを使いこなせば、コーディングの時間は大きく短縮されます。昨今のEmmetでは、HTML 5.1のレスポンシブイメージ(※)を効率的に記述できることをご存知でしょうか？ 本エントリーではEmmetでレスポンシブイメージのコードを効率的に記述する方法を紹介します。 ※ 参考記事「レスポンシブイメージで画像の表示を最適化 〜CSSもJSもいらないHTML 5.1の新機能 - ICS MEDIA」 srcset の記述 レスポンシブイメージでは、デバイス環境に応じた最適なファイルサイズの画像を表示するためにimg要素のsrcset属性を用います。Emmetでは次のように記述します。
ATOMをMacにインストールしてやったこと - Milk+ea
Sublimeより好きかも。 ちなみに、バージョンは0.175.0での話です。 ATOMとは Github製の、無料、のテキストエディタ。 プラグインを入れて機能を追加したり、CSSで見た目を変えたり、カスタマイズ性が高い。 フォントの変更 Ricty Diminishedを使うので、Setting → Font Familyへフォント名を書く。 パッケージのインストール まずは、いくつか便利そうなパッケージを入れました。 プラグインは、Setting→Installから検索したり、apm install [package]とコマンドラインで実行することで入れることができます。 atom-beautify コードを綺麗に整える atom-terminal ターミナルで現在のファイルのディレクトリを開く autocomplete-plus 入力候補が表示されるように autocomplete
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AtomエディタのEmmetで、PHPファイルでもHTMLスニペットを使う - Qiita