問題タブ [emmet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
462 参照

html - Zen コーディングを発明したのは誰ですか? どこかに公開された仕様はありますか?

バックグラウンド:

「Zen コーディング」とは、IDE またはエディターでのテキスト入力のスタイルの名前で、ユーザーが小さな略語を入力して HTML に展開できるようにするものです。これは必ずしも新しいアイデアではなく、多くの編集者が支持している古いアイデアを改良したものにすぎません。

これの良いところは、手動入力が対話型プログラミングの側面を帯びていることです。私の言いたいことを理解するには、次のスクリーンキャストを見てください。

http://pepelsbey.net/pro/2008/08/zen-html/

質問:

  • 誰がこれを発明したのですか?
  • これを自分のエディター/IDE/製品に実装したい人のために、複数の「標準」または「仕様」がありますか?
  • この規則は、いたるところに複数のバリアントがあり、文書化されていない「Wiki マークアップ」の規則に似ていますか?
0 投票する
4 に答える
1719 参照

html - html / cssを迅速に開発するためのツールを使用していますか?

zen-codingについて聞いたばかりです。これは基本的に、css-esqueセレクターに基づいてマークアップを生成するスクリプトです。例:

生成します

編集:これはより高度な例です。

そしてPS-私はAPIをまったく使用していません。CSSセレクターの知識に基づいて完全に推測しています。これは私にとって非常に簡単で直感的です。

生成します

Ctrl-Eなどのショートカットを押したとき。フロントエンドの開発をたくさん行う場合に非常に便利です。私は正反対のアイデアを思いつきました。基本的にマークアップを解析してセレクターを生成するCSSセレクタージェネレーターで、Firebugなどのツールを使用して、ドットのライブ変更をすばやく確認できます。実際にスクリプトを完成させる必要はありませんでした。開始しました。

現在、TextMate、Dreamweaver、Aptana、NetBeansでサポートされていますが、残念ながらvim / emacsではサポートされていませんが、 vimで動作するsparkupという名前のフォークがあります(現在はこれを使用しています)。

過去にそのようなプラグインやツールに出くわしたことがあるかどうか疑問に思います-Vim/Textmate / Emacsやその他の強力なエディターにスニペットスクリプトがあることを知っていますが、他に何があるのか​​知りたいだけです。

0 投票する
3 に答える
1767 参照

jquery - Zen コーディング + jQuery

Smashing Magazine ( http://www.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/ ) でZen Codingに関する記事を読みました。これ用のjQueryプラグインはありますか? JSON データの挿入/テンプレート化に適している可能性があります。

0 投票する
2 に答える
989 参照

emacs - Emacs、Zen-Coding モード、Putty

私は Putty 経由で emacs を使用していますが、Putty は特定のキーの組み合わせをリモート コンソールに送信しないため、通常、それらを他のキーの組み合わせに再バインドする必要があります。

素晴らしいZen-Coding モードをインストールした後、生成されたプレビューで問題が発生しました。プレビューしていた出力を挿入できませんでした。次のキーバインディングでこれを回避しました:

ただし、私がやりたいM-RETは、プレビューが開いているときにもう一度ヒットして、出力を挿入できるようにすることです。

ただし、私の emacs-lisp-fu は非常に弱いものです。

プレビューが開いているかどうかをテストし、別のM-RETキープレスをキャプチャ/バインドする方法はありますか?

0 投票する
3 に答える
2168 参照

visual-studio - Resharper PowerToyZenコーディング

ReSharperPowerのおもちゃZenCodingを試しましたが、コードを1行でしか生成できないことがわかりました。フォーマットされたコードを生成できますか?

たとえば、私は入力します

ul> li * 3

それは生成します:

<ul><li></li><li></li><li></li></ul>

次のようにフォーマットします。

0 投票する
1 に答える
216 参照

emacs - Zencoding-mode.elに関数を追加して、-タグ-を展開するにはどうすればよいですか?

zencoding-mode.elZen Coding )に関数を追加する方法を学びたいです。新しいEmacsユーザーがEmacsLispを学習できるようにするために必要な手順をリストしてください

このEmacsモードの拡張を手伝いたいです。

0 投票する
3 に答える
5676 参照

html - HTMLの短縮版はありますか?

数か月前に、HTMLの短縮バージョンまたは拡張機能に関する記事を読んだことを覚えています。その目的は、終了タグを削除することにより、HTMLコードを大幅に簡潔にすることであり、ある種のループも許可されている可能性があります。今使いたいのですが、何と呼ばれていたのか思い出せないようです。

オンラインで検索してHamlを見つけましたが、Hamlの構文は記事から覚えている例のようには見えません。この記事の構文では、インデントの一種である直角ブラケットを使用していました。

この言語はなんですか?

0 投票する
1 に答える
287 参照

html - Zen Coding、交互のアイテム乗算を実現する方法

私は最近、魔法のソフトウェア開発ボックスのツールボックスにZen Codingを追加しようとしましたが、ほとんどの場合、それに圧倒されました。これが本当に技術的に不足しているためなのか、それともドキュメントの不足に悩まされているためなのかはわかりません。とにかく、フォームを操作するときに現れるこの非常に単純で一般的に発生するHTMLパターンを生成するためにZenCodingを使用することはできないようです。

可能ですか?

0 投票する
3 に答える
801 参照

html - NetBeans 6.9 で Zen コーディングを完全にサポートするにはどうすればよいですか?

Zen Coding プラグインで NetBeans 6.9 を使用しています。

NetBeans でセレクターのサポートを機能させる方法があるかどうか疑問に思っていました。

現在これを入力しています:

これは生成しませ:

0 投票する
8 に答える
311 参照

php - Web開発用のWindows互換IDE?

しばらくの間、完璧な Web 開発 IDE を探していました。私が最初に書いたのは HTML だけだったとき、メモ帳でコーディングを始めました。明らかに、それは長続きしない関係でした。

最終的に、私は Notepad++ とそれが行うすばらしい構文強調表示を発見しました。しかし、サーバー側のコードを扱い始めてイライラし、最終的に約 1 年間使用している Netbeans に移行しました。

私は Netbeans の使用をかなり楽しんでいます。構文の強調表示は素晴らしく、ボタンを押してサーバー側のコードをステップ実行できます (Apache サーバーを適切にセットアップしたら)。また、差分エンジンは、コードを並べて表示するのに最適です。私は学習曲線が嫌いで (私には非常に険しいように思えます)、最近、Netbeans ではできない Zen コーディングを試してみたいと思っています。

そのため、サーバー側のコードをステップ実行できる IDE と、zencoding などのプラグインをインストールできる機能を探しています。優れた Diff エンジンは素晴らしいものであり (ただし、問題を解決するものではありません)、コードのバージョン管理を少し簡単にすることもポイントになります。