Home > Life Hack

Life Hack Archive

【Lifehack】Zen-Coding やってみた

</p>

<h1>wrapper (#header h1 a[href=/] img[src=./images/h1.jpg])+(#container (ul#topicPath (li<em>2 a)+(li strong))+(#article0$.article (h2 img[src=./images/h2_0$.jpg])+p)</em>4)+(#footer p+(ul li*4))</h1>

<p>

ZEN! (Ctrl+Dが使い易いと思うんだな)

<div id="wrapper">
  <div id="header">
    <h1><a href="/"><img src="./images/h1.jpg" alt="" /></a></h1>
  </div>
  <div id="container">
    <ul id="topicPath">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><strong></strong></li>
    </ul>
    <div id="article01" class="article">
      <h2><img src="./images/h2_01.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article02" class="article">
      <h2><img src="./images/h2_02.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article03" class="article">
      <h2><img src="./images/h2_03.jpg" alt="" /></h2>
      <p></p>
    </div>
    <div id="article04" class="article">
      <h2><img src="./images/h2_04.jpg" alt="" /></h2>
      <p></p>
    </div>
  </div>
  <div id="footer">
    <p></p>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>

うひょーい!

【LifeHack】Texterその2

先日のエントリーの

Texterですが、 IE8ハックの変換が不完全でした。

というわけで下記に書き換えてみましたよ。

/* IE8 fix <em>/
head~/</em> */body  {{}</p>

<p>{}}
/* modern browser fix */
html:not(:target)  {{}</p>

<p>{}}{up}{up}{end}{left}{left}^v{up}{up}{up}{end}{left}{left}^v{down}{end}

下の行の :not 疑似セレクタが無いとモダンブラウザでも反映されちゃいます。

【LifeHack】Texterが便利な件

geckoが見つけてきたので試してみました。

とりあえず使ってみた感想は、すごく便利です。

短い単語を必要な文や句に変換するだけならIMEの辞書にでも登録させればいいわけですが、 Texterがすごいのは、「変換させる」という操作がいらない点です。 「トリガー」となる単語を入力し終えた時点で登録したテキストに変換されます。 例えば、「yrq」→「宜しくお願いします。」と登録してあったときに、 yrq の ‘q’ を押した時点で変換されます。これは便利。

さらに、変換完了後のカーソル位置も指定できるようで、 例えば、「maq」→「margin: 0px 0px 0px 0px;」と登録してあったときに、 margin: |0px 0px 0px 0px; とそこからすぐ値を変更できる位置にカーソルを持っていってくれます。 セミコロンの位置から、カーソルの左キー連打or長押しする必要が無いということですね。すごく便利。

そんな便利ツール「Texter」の詳しい使い方&ダウンロードは下記リンクより。 あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術

ただし、秀丸ユーザーの方は残念ながら今のところ使えない模様。 geckoのところで書いてますが、改行後の入力が認識されていないようです。 現在対応中のようですので、しばらくしたら直るんじゃないかなーと期待して待ってようと思います。 自分もDreamweaverと秀丸の両方を使ってるのでちょっと残念なところであります。

ホーム > Life Hack

Search
Feeds
Meta

Return to page top