169295 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

Rittyのサイト作成日記

Rittyのサイト作成日記

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
December 20, 2010
XML
カテゴリ:HP作りアイテム
私はHTMLとCSSでホームページを作っていて、
タグ入力ももっぱら手書きです。

さくらエディタというテキストエディタ(フリーウェア)を使い、
良く使うタグはwindowsで文字登録しています。
(たとえば、「a」と入れたら「<a href="" target="_blank">」と変換)

でも、
<li></li>
<li></li>
<li></li>
というのを一気に入力できないわけで、
コピペコピペで頑張っていました。

そしたらzen-codingです。

さくらエディタなら、
外部登録マクロとして導入することができ、

div#page>div.logo+ul#navigation>li*5>a

と入力しマクロを実行すると、

<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>

と変換されます。

いちばん最初に変換した時は、
感動で涙でるぐらい震えました(笑。

調べてみると、Zen Cordingを解説した記事ははてぶ数が1000以上でした。
知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

いろんなひとがそれぞれの環境で使えるZen Cordingを公開中。
★Movable Type用→Downloads - mt-zen-coding - Project Hosting on Google Code
★さくらエディタ用→Zen Coding for Sakura Editor - MoonWing(カンパウェア)
※さくらエディタ用は、基本の変換のみ実装しています。


私は本屋さんでこの本を見つけて知りました。
わかりやすく解説されているので買ってよかったですが、
買わなくても基本機能を使うに困らないと思います。


HTML+CSSコーディングが10倍速くなるZen Coding





お気に入りの記事を「いいね!」で応援しよう

Last updated  December 20, 2010 05:31:58 PM
コメント(2) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


Rittyさんへ。   m-nao3166 さん
こんばんは^^
お久しぶりです☆
私もジーンとしました。
コメントありがとうございました。

実は日ペンで美文字さんのブログも読んでいたんですよ^^
いつも一生懸命なRittyさんに元気をいただいてました。

これからもお互いに頑張りましょうね♪

コメントとっても嬉しかったです。
ありがとうございました(^O^)/ (December 21, 2010 08:18:01 PM)

★m-nao3166さんへ   Ritty さん
こんばんは。コメントありがとうございます。

美文字さん、読んでくださったんですね。
苦しかったけどがんばったことなので、嬉しいです♪

>これからもお互いに頑張りましょうね♪

1人じゃないから頼もしいです。
がんばりましょう^^
(December 24, 2010 12:18:54 AM)

PR

Keyword Search

▼キーワード検索

Profile

Rittyです!

Rittyです!

Favorite Blog

e‐逸品!.com little-greenpeasさん
のんびり とんとん72026932さん
夫婦漫才~ようこそ… GLIM SPANKYさん
ヒヨコのおうち ぴよれんてぃーなさん
こころの麦わら帽子… m-nao3166さん
目指せ!主婦の便利… asfulikeさん

Archives

March , 2024
February , 2024
January , 2024
December , 2023
November , 2023
October , 2023
September , 2023
August , 2023
July , 2023
June , 2023

Category

Comments

http://buycialisky.com/@ Re:古いページの扱い(07/09) cialis for diabeticscialis adderal inte…
http://buycialisky.com/@ Re:励み(08/29) comprar cialis internetcuba cialisciali…
http://viagraessale.com/@ Re:古いページの扱い(07/09) info on viagra &lt;a href=&quot;http:/…

© Rakuten Group, Inc.