[B! zencoding] mattnのブックマーク

release notes

mattn 2011/05/06

0.7の英語版

zencoding

リンク

GitHub - zodoz/jquery-ZenCoding: Zen-Coding for jQuery

Introduction This project is based on the core idea of Zen Coding, which is to use standard CSS Search Strings to create HTML. However, the language of what was "CSS Search Strings" has been significantly modified so that it can operate as a powerful templating engine using jQuery to do all DOM manipulations. Usage $.zc(ZenCode) - returns the HTML string represented by the ZenCode string $.zc(ZenO

mattn 2011/02/15

zencoding

リンク

Zen Coding

mattn 2011/01/26

zencoding

リンク

インプレスブックス - 本、雑誌と関連Webサービス

個人でも達成できる実践ノウハウ、教えます発売日： 2024/2/6 好評発売中 Web作成・マーケティング詳細を見る

mattn 2010/11/17

zencoding

リンク

Microsoft – クラウド、コンピューター、アプリ & ゲーム

すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール法人向けサポートソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入するアクセサリ VR & 複合現実エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム映画とテレビ番組法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W

mattn 2010/10/06

zencoding

リンク

Zen Coding for Sakura Editor | MoonWing

Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。サクラエディタ下記のようなことができるようになります。 Expand Abbreviation(省略コードの展開) たとえば、上の様に”html:4s”と入力して、Zen Coding for Sakura Editorを実行するとのように展開されます。HTMLの雛形を簡潔に作成することができます。 Wrap with Abbreviation(省略コードで包括) 上のイメージのようにリスト化したい文字列があったとして、その文字列を選択し、Zen Coding for Sakura Editorを実行するとダイアログが表示されるので省略コードを入力するとのように、展開するされます。これにより、マークアップを効率的に行うことができます。メニュー Zen Coding for Sakur

mattn 2010/09/08

zencoding

リンク

いろんなエディタのzen-codingプラグインをまとめてみました | ITキヲスク

mattn 2010/08/27

リンク

Zen-Codingの応用でもっと超速に - 原稿ありきの変換について

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogはじめにこんにちは。R＆D統括本部制作本部ウェブデベロップメント部に所属しております。岡部和昌︵@kzms2︶と申します。前回の記事︵マークアップ効率化 - zen-codingでコーディングを倍速に︶ではZen-Codingの基本について説明しました。また、その内容をCSSNite実行委員会︵公式ページ︶が主催した、Dreamweaver Town Meeting in TokyoというDreamweaverにフォーカスをあてたイベントで公演させていただきました。﹇撮影‥飯田昌之﹈その公演では、Zen-Codingを知らない方向けに、Zen-Codingとは何か・どんなことが出来るのかなど、基本に関して実演を行い

mattn 2010/06/25

zencoding

リンク

EmEditor Text Editor - Forums

mattn 2010/05/12

リンク

http://kejibo.com/vim-zen-coding/

mattn 2010/04/09

リンク

【コラム】攻略! ツール・ド・プログラミング (19) HTMLやCSSのコーディングを爆発的に効率化する「Zen-Coding」 | エンタープライズ | マイコミジャーナル

Zen Codingとは Zen CodingはHTMLのタグやCSSのスタイル定義の記述をショートカット化し、決められた略語を記述するだけで複雑なマークアップを展開できるようにするツールである。たとえば、次のような略語が用意されている。リスト1 html:4t これはHTMLの雛型を展開するための略語で、これをエディタに記述して決められたショートカットキー(デフォルトでは『Ctrl+E』や『Alt+E』)を入力すると、次のようなマークアップに展開される。リスト2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" cont

mattn 2010/04/09

zencoding.vimもよろしく。＜地道だな。

zencoding

リンク

zencoding.vimを試してみた - 人生がベータ版

mattn 2010/04/07

ありがとうございます。

リンク

在Vim里玩Zen Coding – Leeiio Chaos Made.

mattn 2010/03/29

リンク

いろんなエディタのzen-codingプラグインをまとめてみました

先週くらいから爆発的な注目を集めている、HTML/CSSショートカット用ライブラリ﹁zen-coding﹂。﹁zen-coding﹂とは、カンタンな記述で構造化されたHTML/CSSが生成されるという、コーダー感涙の超絶便利なライブラリです。その便利さ、コーディングが驚くほど簡略化されるというコトで、AptanaやDreamWeaverをはじめ、WordPressやCodaにもzen-codingプラグインが続々と登場しております。そこで今回のエントリーでは、そんなzen-codingの各種エディタ用プラグインをまとめてみました。まだ触ったコトの無いコーダーさん！もし自分の愛用エディタのプラグインがあったら、ぜひ騙されたと思って導入してみてください♪ zen-codingとは先ほども書きましたが、zen-codingとは﹁カンタンな記述で構造化されたHTML/CSSが生成される﹂

mattn 2010/03/03

リンク

Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

前回の記事ではZen-Codingの導入方法について解説しました。今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン﹁Zen Coding for Aptana v0.6.0.1﹂を対象にしています。なおAptana︵Eclipse︶の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation︵省略コードの展開︶ Win‥Ctrl+E mac‥Command+E Zen-Codingの主な機能のひとつです。

mattn 2010/03/02

zencoding

リンク

zen-codingでhtml,cssのコーディングスピードが3倍以上になる - chulip.org

zen-codingはHTML and CSS hi-speed codingと謳っているように飛躍的にhtml,cssのコーディングスピードを上げてくれます。 zen-coding - Project Hosting on Google Code 公式でVimには対応していなかったのだけどvimscriptでmattnさんが作っていました。神 zen-coding for vim を pure vimscript だけで書いてみた。使用方法スニペットコマンドを入力したあとにexpandabbr_keyをタイプします。 ※デフォルトだと, スニペットコマンド一覧 HTML http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn CSS http://code.google.com/p/zen-coding/wiki/ZenC

mattn 2010/03/02

ありがとうございます。:D

リンク

zencoding.vimで、１０倍速くHTMLを書く

ここ数日、Zen-CodingがLDCに上がってたので興味を持っていたのですが、手を出す事が出来ませんでした。︵環境構築とか面倒くさそうだったのでｗ︶ところが、mattnさんが、pure vim-scriptでZen-Codingを作成してたので、Vimmerな僕はさっそく導入してみました。導入方法です。3ステップで導入出来ます。1．こちらからzencoding.vimをダウンロードします。︵僕のVim環境(Kaoriya版7.2.261︶は若干古かったらしいので、Ver0.21を落としました︶2．vimをインストールしてあるディレクトリ/runtime/pluginにzencoding.vimをコピーする3．_vimrcに以下を追加 let g:user_zen_expandabbr_key = '<c-e>' これで導入終了。さあ、HTMLを構築しましょう。 html

mattn 2010/02/26

ありがとうございます！:D

リンク

Twitter / mitsugu oyama: zencoding.vimが便利過ぎてgeditから ...

mattn 2010/02/25

リンク

EmEditorで Zen-Coding （追記） | trapon : experience

EmEditorではマクロとして登録することでZenCodingを利用できます。追記： EmEditorの公式サイトにモジュールが公開されています。 http://jp.emeditor.com/modules/mydownloads/viewcat.php?cid=54 EmEditor用のマクロファイルはEmEditorのフォーラムにポストされてます。 http://www.emeditor.com/modules/newbb/viewtopic.php?topic_id=1356&forum=19&post_id=4223#forumpost4223 これをコピペして、適当なファイル名でEmEditorのマクロディレクトリに保存。標準ではMy Documentsの中にMy Macroがあると思います。 EmEditorのマクロメニューから、選択を選んで保存したZenCodingの