おすすめのVOD・スマホアプリ・スマホゲームアプリの紹介サイト

LAGRANGE BLOG

zen-codingをmasterしよう! Recommend web tools zen-coding


スポンサーリンク

coding web制作

-coding, web制作
-, ,

□サイト内検索:

投稿日:2010/12/28 更新日:

人気【常時更新】ゲーム好きは一度はプレイしたい!面白くてハマるおすすめのスマホゲームランキング

zencoding2

はじめに

Dreamweaver8でzen-cording version0.7が使えました。
これで入れ子のタグが展開できるので改めて覚え直ししようと思います。
環境:Mac OS10.5.8
editor:Dreamweaver8,zen-coding version0.7

スポンサードリンク
スポンサードリンク

ダウンロード

Downloads - zen-coding - Project Hosting on Google Codeよりダウンロード
zen2pic1
ダウンロード後、解凍します。
解凍後、「Zen Coding v.0.7.mxp」を起動し、規約に承認後インストールします。

Expand Abbreviationのショートカットを有効にする

なぜかMac版Dreamweaver8ではExpand Abbreviationで使用するショートカットに
行検索のショートカットが割り当てられているので、コレを変更します。(Expand Abbreviationの方を変更でも可)

メニュー > Dreameweaver > キーボードショートカット

より行検索のショートカットを変更する

追加項目

Balance Tag Inward/Outward
選択したタグのInward(内側)/Outward(外側)を選択する.
Select Line
カーソルがある行を選択する
Split/Join Tag
tagを連結する
Remove Tag
tagを除去する
Toggle Comment
選択部をHTMLコメント化する
Increment number by1
選択した数値を+1する
Decrement number by1
選択した数値を-1する
Increment number by10
選択した数値を+10する
Decrement number by10
選択した数値を-10する
Increment number by0.1
選択した数値を+0.1する
Decrement number by0.1
選択した数値を-0.1する
Evaluate Math Expression
選択した数式を計算する

入れ子

version0.5でできなかったのでこれを覚えます。
version0.7では「#」もしくは「.」のみをつけて展開させるとdivでhtmlが展開するようです。
<div id="wrap">で展開させる場合は下記のように書き、Expand Abbreviationを実行します。

#wrap

入れ子の表現は「()」で表します。
tagを前後に加える場合は「+」でつないでいきます。

sample

実行前

[code language="html"]
#header+(.content>table>tr*2>th+td)+#footer
[/code]

実行後

[code language="html"]
<div id="header"></div>
<div class="content">
<table>
<tr>
<th></th>
<td></td>
</tr>
<tr>
<th></th>
<td></td>
</tr>
</table>
</div>
<div id="footer"></div>
[/code]

お試しテンプレートsample

[code language="html"]
(#wrap>#wrap_inner)+(#content>#content_inner)+(#footer>#footer_inner)
[/code]
■html5っぽく
[code language="html"]
html:5>(header>h1)+(nav>ul>li5)+(article>h2+h3)+(aside>h4+h5)+footer
[/code]
■定義リスト
[code language="html"]
dl>(dt+dd)
4
[/code]
■テーブル
[code language="html"]
table>tr*2>th+td
[/code]

【送料無料選択可!】HTML+CSSコーディングが10倍速くなるZen Coding (単行本・ムック) / こも...

価格:2,310円(税込、送料別)

終わりに

沢山テンプレートを用意しておくとcodingの効率があがりそうです。


スポンサードリンク

□サイト内検索: 掲載アプリ数が増えてきました。攻略一覧表示で見つからないものなどは検索をご利用ください。

-coding, web制作
-, ,

空を翔ける新感覚MMORPG「イカロスM」が事前登録開始!

現在事前登録キャンペーン中! フェローと呼ばれるモンスターに乗って空を移動したり、仲間と一緒に空中で大きなボスと闘ったりと Unreal Engine4で描かれる美麗グラフィックで病みつきになりそうなMMORPG!

イカロスM」の事前登録はこちら(メールアドレス登録完了・LINE,Twitter,GooglePlayいずれかで事前登録完了)

「イカロスM」の"事前登録"はこちら

 

ストア高評価4.3!!全世界2,500万ダウンロード達成の本格ストラテジーRPG『アート・オブ・コンクエスト』

城を築いてドラゴンを育てて自軍の英雄を育てていく”兵士たちの反応が楽しい”本格ストラテジーRPG! 全世界2,500万ダウンロード達成で52カ国TOP10ランクインの実績があるアプリゲームです。
「アート・オブ・コンクエスト」の【レビュー】はこちら

 
スポンサーリンク

スマホアプリ攻略記事特集

Android,iPhoneスマホゲームアプリの攻略記事です。
他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

 

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

アプリレビュー

おすすめスマホゲーム・アプリ

最新スマホゲーム攻略はこちらから!

他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

おすすめ記事

カメラを止めるな! 1

カメラを止めるな! ついに2018年の大ヒット映画「カメラを止めるな!」がレンタルスタートしました。 ポイント動画配信サービスU-NEXTで12月5日(水)より「カメラを止めるな!」の配信開始中 テレ ...

2

そんなことできるの?違法サイトとかじゃないの? U-NEXTはファミリーアカウントが分けられるので、家族内で共通利用していても 視聴履歴のプライバシーは守られます。 U-NEXTのポイントがなくなった ...

3

毎月のスマホの通信制限にひっかかってしまい、イライラしてしまっていませんか? 外出中にYoutubeを見たり、スマホゲームをしたりしたいのに、通信制限で快適に動かない。 通信制限にならないようにするに ...

4

ファミコン、スーパーファミコン世代でテレビゲームを楽しんでいた人たちはスマホゲームは「あればゲームじゃない」と思っている人も少なくありません。 いや私も同じこと思ってましたよ。 あくまで待ち合わせの待 ...

5

このページでは『2018年版』おすすめの動画配信サービス(VOD)を比較して紹介していきます。 Netflixだけじゃない!2018年になって色々な動画配信サービスが出てきており、 ・どの動画配信サー ...

6

当サイトでプレイしたおすすめのスマホゲームを攻略していきます。 スマホ人気ゲームランキング

7

当サイトで独自で調べたスマホで遊べる『おすすめ脱出ゲーム』を
ランキング形式で紹介していきます。

8

当サイトで独自で調べたスマホで遊べる『おすすめパズルゲーム』を
ランキング形式で紹介していきます。

9

当サイトで独自で調べたスマホで遊べる『おすすめのスマホアドベンチャーゲーム』を紹介

10

FODプレミアムが選ばれるポイント FOD自体は「非会員でも無料」で使うことができます! FOD非会員の場合には「期間限定のフジテレビ最新話見逃し分」だけ見ることができます。 無料会員でも放送直後のド ...

-coding, web制作
-, ,

スポンサーリンク

Copyright© LAGRANGE BLOG , 2019 All Rights Reserved.