宮崎ロッド・Prime TimePiggy's Tail

Piggy's Tail

宮崎ロッドの日記、メモ、その他

Page 1 of 2 : 1 2 Next ›

本家ホームページのレスポンシブ化 2016-02-01 - Web関連 » miyazaki-rod.com, ,

モーニングコーヒーなう。奥多摩は気温マイナス1℃、みぞれ混じりの雨から雪に。

本家ホームページのレスポンシブ化、90%終わってアップロード完了(画像)。調整はおいおいやろうと思います。半日ぐらいで作業は済むかな♪と思っていましたが始めてみたら目論見は超呆気なく崩れ去りました(笑)

編集慣れてくるころにトラブル発生。原因はあるスタイルシートに「}」が一個どういうわけか足りなかったのですが、それを探すのに1時間ぐらいかかりました。自分が作ったコードですが作業しているうちに書いたヤツを呪いたくなりました(プログラマーあるあるw)

近隣河川はあとひと月で解禁ですね

皆さん、よい一日を!

本家ホームページのレスポンシブ化

Posted by TM* at 2016-02-01 09:21 | English | Permalink

cssとtitleの書式を更新 2007-03-01 - Web関連 » miyazaki-rod.com, ,

毛針釣的外遊記のCSSを更新しました。タイトルバーの書式を変更しました。後者については前々から気が付いていたのですが、「タブブラウザ 」で多数のタブを表示した時、どこにどのページがあるのか分からなくなってしまう対策に‥

変更前:

変更前のタイトルバー画像

変更後:

変更後のタイトルバー画像

としてみました。Firefoxで表示すると以下のスクリーンショットのようになります。

\n
\n\n
caption
\n
\n
\n\nhttps://piggystail.miyazaki-rod.com/piggy_img/tab-757738.png" rel="lightbox" title="Firefoxのタブ表示">Firefoxのタブ表示

Posted by TM* at 2007-03-01 09:30 | English | Permalink

よくある勘違いをメモ:HTML編 2004-12-08 - Web関連 » miyazaki-rod.com,

1.コメントを書き込む時、往々にしてあるマチガエの例。mozilla への地雷攻撃か?

誤:    <!-------------------------------------->
正:    <!--==================================-->
誤:    <!-------ここまで----ここから----------->
正:    <!--     ここまで    ここから         -->

正:    <!--     ここまで
                ここから         -->

<!--    --> の中は改行は可能だが
複数のハイフンは連続してはならない。

2.リストを入れ子にする

項目を整理して表示できるリストタグは便利で多用されていますが「入れ子」にする時にはコツがいります。

誤:   <ul>
       <li>A</li>
        <ul>
         <li>a</li>
         <li>b</li>
         <li>c</li>
        </ul>
       <li>B</li>
       <li>C</li>
      </ul>

正:   <ul>
       <li>A
        <ul>
         <li>a</li>
         <li>b</li>
         <li>c</li>
        </ul>
       </li>
       <li>B</li>
       <li>C</li>
      </ul>

<ul>の子要素は<li>。誤の例では<ul>の子要素に<ul>がなっている。

この2つ、意外に多い、ちゅーか自分もやっちゃったことがある>心当たりがあるヒトはこっそり直しませう

-■-

ウェブサイト全般の「行の高さ」を見直しました。本文のCSSをいじって広めに‥

   p  { line-height :      1.3em; }

‥としてみました。ちょっとは見やすくなったでしょうか。

Posted by TM* at 2004-12-08 11:02 | English | Permalink

ウェブサイト開設5年目 2004-10-09 - Web関連 » WWW, ,

昼前の「子豚のしっぽ」です。台風直撃前、嵐の前の静けさといったところです。風が強くなったらガラス窓を補強できるようにガムテープ(ガラス面に×印に貼る)を用意しました。今、多摩東部に大雨洪水警報が出たようです。

きのうの子豚「Blosxom」編は、子豚マシン「こぶた2号」のレガシーぶりを再認識といったところです。某接続スピード測定サイトなどでは「ブロードバンドに適していません」とけんもほろろですよ(鬱

ま、しかしこういう機会があるとOSというものにちょっと興味が出てはきます。

情報の「取引コスト」から考えると、このままWindowsを継続的に選択して行くのは、自分にとってはいかがなものか、とも思える(4月にヒソカに参加したmozilla.party.jp 5.0での末松千尋氏・京都大学経済学部助教授のセッションが役立ってます)今日この頃。

そこでLinuxが現実的な選択肢にあることを遅ればせながら気が付いた次第なのですな。

サイト開設5年目。やっとモノゴコロが>ちょっとは付いてきたのかな。お昼は近所のお肉屋さんのとんかつ(ビール付き)に決定。

お!、急に暗くなってきましたよ(14:02:59)

今日のうれしい

  1. 勉強が役立つことを勉強したこと
  2. とんかつのお肉がいつもより大きいこと

追記:

台風22号通過中ですがガムテープのお世話にはならずに済みそうです。

気象庁の台風情報を見て、22号には「マーゴン」と名前が付いているのを初めて知りました。ググってみますと香港の山の名前(馬の鞍)だそうです。

Posted by TM* at 2004-10-09 10:02 | English | Permalink

</BUSH> 2004-09-05 - 暮らしの周辺 » 911 after,


Will the W3C support this addition to HTML? - Copyright (c) 2007 Phil Haack

</BUSH>

Posted by TM* at 2004-09-05 05:09 | English | Permalink

HTMLをシンプルにした 2004-03-01 - Web関連 » miyazaki-rod.com,

capture

久しぶりの更新「子豚のしっぽ」です。夕の買い物に行きますと、桃の花が売られていました。三寒四温のことば通りに季節が移り変わりっているようです。

トップ・ページを新しくしていくつかのページを追加しました。3ペイン的なレイアウトに変更し、各ページ左上に「ナビ・ボックス(右イメージ)」の記述なども大幅にシンプルにしてみました。

新しいソース

<div id="navcontainer-box">
<div id="navcontainer">
  <ul id="navlist">
  <li class="on-idx">Home</li>
  <li><a href="summary.html">Gallery</a></li>
  <li><a href="summary.html#workingroom">Working Room</a></li>
  <li><a href="summary.html#intro">Introduction</a></li>
  <li><a href="summary.html#order">Order</a></li>
  <li class="navi-blk"><a href="summary.html#inform">Information</a></li>
  <li><a href="summary.html#special">Special Issue</a></li>
  <li class="navi-blk"><a href="summary.html#piggy">Piggys Tail 【extend】</a></li>
  <li><a href="link.html">Link</a></li>
  <li><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/">Cafe</a></li>
  </ul>
</div>
</div>

いままでのソース

<div class="box">
<div class="idx-inside">
   <div class="menu now on"><img src="folder_14.gif" alt="■" width="17" height="14" />-Home</div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="summary.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Gallery</a></div>
   <div class="menu"><a href="summary.html#workingroom" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Working Room</a></div>
   <div class="menu"><a href="summary.html#intro" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Introduction</a></div>
   <div class="menu"><a href="summary.html#order" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Order</a></div>
   <div class="menu"><a href="summary.html#inform" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Information</a></div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="summary.html#special" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Special Issue</a></div>
   <div class="menu"><a href="summary.html#piggy" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Piggys Tail 【extend】</a></div>
      <div class="menuseparator">-----</div>
   <div class="menu"><a href="link.html" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Link</a></div>
   <div class="menu"><a href="http://www.h7.dion.ne.jp/cgi-bin/ezboard/prime_tm/1/" class="menulink"><img src="folder_14.gif" alt="■" width="17" height="14" />-Cafe</a></div>
</div>
</div>

…なんちゅーか、蟻んこさんたちの行進ですな。分量の比較ということでわざとちっちゃい固定文字サイズ(The WeatherPixieのおねえさんにソースが刺さって痛そうなので)にしてありますが、某方面(何)からのご指摘を待たないまでも「質的」な検証を阻止している、にゃどとこの場合は追及しないでね、うふふ。

追記:

ソースの引用に<pre>タグを使うワナ。MSIE6でしっかりとレイアウトが崩れていました。さらにスタイルシートの中で<!-- -->を使っているのを気付かず、あーでもないこーでもない。アホや…
frown

Posted by TM* at 2004-03-01 18:07 | English | Permalink

XHTMLに移行 2003-10-03 - Web関連 » miyazaki-rod.com,

「Piggys Tail」をブラッシュアップしつつXHTML1.0に移行中です。もともとHTMLは</xxx>タグや引用符は省略しないで小文字に統一し、CSSは外部化してありましたのでそれほどの手間はかからないハズなのでありますが、外部CSSファイルの整理・統合にはちょっと手こずっています。

そこで共通するタグ+属性を外部CSSにひとまとめして@importで読み込ませることで、レイアウトを統一しながら個々のページのCSSで装飾をする、とXHTML+CSSの王道(?)を楽しむ子豚と相成っていおります。

XHTML移行に伴いましてNN4.x対応については若干後退しておりますが、ここいらへんもぼちぼち手を付けてみようと思っています。

しかし、XHTML化しましても表示されるのは例によりまして「元の子豚」であります。Backnumbersの移行が終わりましたら、ま、秋なのでそれらしく模様替えしようかなと考えています。

Posted by TM* at 2003-10-03 11:14 | English | Permalink

Page 1 of 2 : 1 2 Next ›



Piggy's Tail (sitemap.xml) - Miyazaki Rod Prime Time Bamboo Rod
© Design & Build by "Prime Time"

↑ Top