PROFILE
Template
【WEB】 携帯にも特化するのなら
ImageMagickは必須だと思うのよ。
ロリポサーバーがImageMagick対応してるなら、JUGEMもやってあげるべきだ。
もしくはロリポのサーバー借りて、ロリポブログに仕込むとか?
以前使ってたSeeSaaの良いところは、携帯の場合は画像をリンクに変換していたところ。
画像部分をカメラの絵文字でリンクに変換して、リンクをクリックすると携帯にちょうどいいサイズで表示するようにしてた。
さすが高機能と謳われるSeeSaa。
なんでこんな話って、助け合い掲示板を覗いてたら携帯の画像をうんたら〜みたいなのがスレッドが立ってて。
たまに、写真をやってる人がデカデカと写真載っけてるのみてても思うんですよね、携帯の人は何がなんだかなんだろうなぁ、と。
mixiも携帯向けの画像表示をいい感じにしてましたけども。
ただ、心配なのは、これからネットに触れる人、ホームページを作る側になる人が
「画像は特に何もしなくても、変換されるものだ」
と思うんじゃなかろうか、ということ。
たぶんただの杞憂なんだけど、助け合い掲示板の↑のスレを見て、ただの杞憂ではなくなってきたのかも、と思ってしまったわけです。
ロリポサーバーがImageMagick対応してるなら、JUGEMもやってあげるべきだ。
もしくはロリポのサーバー借りて、ロリポブログに仕込むとか?
以前使ってたSeeSaaの良いところは、携帯の場合は画像をリンクに変換していたところ。
画像部分をカメラの絵文字でリンクに変換して、リンクをクリックすると携帯にちょうどいいサイズで表示するようにしてた。
さすが高機能と謳われるSeeSaa。
なんでこんな話って、助け合い掲示板を覗いてたら携帯の画像をうんたら〜みたいなのがスレッドが立ってて。
たまに、写真をやってる人がデカデカと写真載っけてるのみてても思うんですよね、携帯の人は何がなんだかなんだろうなぁ、と。
mixiも携帯向けの画像表示をいい感じにしてましたけども。
ただ、心配なのは、これからネットに触れる人、ホームページを作る側になる人が
「画像は特に何もしなくても、変換されるものだ」
と思うんじゃなかろうか、ということ。
たぶんただの杞憂なんだけど、助け合い掲示板の↑のスレを見て、ただの杞憂ではなくなってきたのかも、と思ってしまったわけです。
【テンプレ】 Trump Check -Heart-/-Club-
チェック終了したので本公開です。
今回は英語タイトルですね。フランス語の語呂が可愛くなかったので。
ハート・クラブ・ダイヤ・スペード、それぞれがちょっとゴージャス。
おすすめ商品サムネールが並んでるのはちょっとお気に入り。
おすすめ商品が無い場合は、その部分の背景色のラインが出るようになってます。
■Trump Check -Heart-/-Club- DATA
・全体の幅&記事部分の幅:可変(ウィンドウサイズに合わせて変わります)
・サイドバーの幅:190px
・3カラム
→Trump Check -Heart-のDL Sample
→Trump Check -Club-のDL Sample
今回から広告のカラーを勝手に変更してくれるJavaScript付けました。
勝手に変えられたくない人は、↓の赤文字部分を削除してください。
<HTML>
<body onload="javascript:initval(); javascript:CMcolor();" id="n{eid}">
【おしらせ】 【重要】blanc papillon-2-/papillon noir-2-の修正
とんでもない記述ミスをやらかしてました;;
教えてくださった方、ありがとうございます。ホントに申し訳ないです。
UTFの方、修正完了しています。
お手数ですが、再ダウンロードもしくは下記修正をお願いします。
<HTML>赤文字部分を追加してください。
<CSS>青文字部分を削除してください。
なかなかにツメが甘いままに公開していました。ホントにすいません。
今後も気を付けます。
教えてくださった方、ありがとうございます。ホントに申し訳ないです。
UTFの方、修正完了しています。
お手数ですが、再ダウンロードもしくは下記修正をお願いします。
<HTML>赤文字部分を追加してください。
<!-- BEGIN recent_comment_items -->
<li>{recent_comment_item_title} ⇒ <a href="./?eid={recent_comment_item_entry_id}#comments">
{recent_comment_item_name}</a>({recent_comment_item_date})</li>
<!-- END recent_comment_items -->
<CSS>青文字部分を削除してください。
li{
list-style-position: inside;
list-style-type: disc;
padding: 0px;
margin: 0px 0px 2px 0px;
}
なかなかにツメが甘いままに公開していました。ホントにすいません。
今後も気を付けます。
【WEB】 テンプレ鋭意作成中
確認の為に、テンプレがころころ変わってます。御容赦。
プレビューさせた時、&で引数繋げて(tid=**&eid=**とか)出来ないかな−と思ったけど、出来ないんですね。
PHPはよく分からん。
MacIEはローカルで作業してる時、CSSのキャッシュ残らないんだけど、サーバー上にあるCSSファイルを更新した場合は、CSS自体も更新しなきゃいけなくて面倒です。
つまり、CSSファイルにアクセス→更新ボタンクリック→HTMLファイルにアクセス→更新ボタンクリック、じゃないとCSSが反映されない。
ちなみに画像はローカルでもすぐキャッシュに残りまする。
初期設定でキャッシュを空にしても実はあんまり効果はなく、CSSファイルみたいに画像自体にアクセスしなきゃいかんのです。
JavaScriptの場合は、ある時から突然キャッシュが残ってしまって、ブラウザ再起動、もしくはOS自体を再起動しなきゃいけなかったり。
初期設定のキャッシュを空にするはお飾りだと思っています。
色々な確認の為MacIEを使った時、表示が上手くいかなかったら↑を是非ご参考に。
テンプレのアイディアばかり思いついて、追い付きません。くぬぅ。
確認待ちが現在表示させてる奴と、色違いと、もう一つ別のやつが1つ。
個人的にはこの可変タイプの3カラムがこーゆーブログ向きではないかなーと思ってたり。
モノクロも作ろうかな。。。
そうそう、このテンプレから取り入れようと思ってるのが、広告のカラーリングを勝手に変えてくれるJavaScript。
エントリーに外し方も書きますけども、あってもいいんかなぁ。
広告のカラーリングってこだわりたい人いるのか、謎ですが。
自分はかなりめんどくさがりなのですが、プレビューした時に別ブログ用に設定したままの広告なのがちょっと嫌なんですよね。
それもあって、付けときたいんですけど(かなり我侭ですなぁ)
う〜ん。悩む。
プレビューさせた時、&で引数繋げて(tid=**&eid=**とか)出来ないかな−と思ったけど、出来ないんですね。
PHPはよく分からん。
MacIEはローカルで作業してる時、CSSのキャッシュ残らないんだけど、サーバー上にあるCSSファイルを更新した場合は、CSS自体も更新しなきゃいけなくて面倒です。
つまり、CSSファイルにアクセス→更新ボタンクリック→HTMLファイルにアクセス→更新ボタンクリック、じゃないとCSSが反映されない。
ちなみに画像はローカルでもすぐキャッシュに残りまする。
初期設定でキャッシュを空にしても実はあんまり効果はなく、CSSファイルみたいに画像自体にアクセスしなきゃいかんのです。
JavaScriptの場合は、ある時から突然キャッシュが残ってしまって、ブラウザ再起動、もしくはOS自体を再起動しなきゃいけなかったり。
初期設定のキャッシュを空にするはお飾りだと思っています。
色々な確認の為MacIEを使った時、表示が上手くいかなかったら↑を是非ご参考に。
テンプレのアイディアばかり思いついて、追い付きません。くぬぅ。
確認待ちが現在表示させてる奴と、色違いと、もう一つ別のやつが1つ。
個人的にはこの可変タイプの3カラムがこーゆーブログ向きではないかなーと思ってたり。
モノクロも作ろうかな。。。
そうそう、このテンプレから取り入れようと思ってるのが、広告のカラーリングを勝手に変えてくれるJavaScript。
エントリーに外し方も書きますけども、あってもいいんかなぁ。
広告のカラーリングってこだわりたい人いるのか、謎ですが。
自分はかなりめんどくさがりなのですが、プレビューした時に別ブログ用に設定したままの広告なのがちょっと嫌なんですよね。
それもあって、付けときたいんですけど(かなり我侭ですなぁ)
う〜ん。悩む。
【おしらせ】 お約束に追記しました。
テンプレ使用に関するお約束に追記しました。
まぁ、簡単言えば
「ロリポブログは分かりません」
「他の素材と合わせちゃダメよ」
そんなもんです。
ロリポブログもJUGEMと同じ感じらしいデスね。(会社一緒だし)
ロリポブログは携帯用に画像変換とかするんだろうか?
JUGEMさんは画像変換しないからなー。
携帯ユーザーに優しくない。。(インターフェイスはかなり優しい方だと思うけど)
まぁ、簡単言えば
「ロリポブログは分かりません」
「他の素材と合わせちゃダメよ」
そんなもんです。
ロリポブログもJUGEMと同じ感じらしいデスね。(会社一緒だし)
ロリポブログは携帯用に画像変換とかするんだろうか?
JUGEMさんは画像変換しないからなー。
携帯ユーザーに優しくない。。(インターフェイスはかなり優しい方だと思うけど)
【WEB】 れこめんど
最近、UTFの新着の流れがすっごく早い気がします。気のせい?
まだJUGEMさんにお世話になって3ヶ月も経ってないんですが、始めた頃のUTFはこんなに早くなかったよ??
そんなわけで、早々にpapillon noirに戻しました。
-2-も結構好きですが、折り畳みを付けてないので。
やっぱり自分はコンパクトに収まってる方が好きなようです。
シンプルにコンパクトなやつを作りたいな。
デコラティブなものも好きだけど、機能美で洗練されたシンプルなものも好きです。
UTFのCheapMemoとか、すごいなーとか思います。
でも思いつくのはデコラティブなものばかり。
機能美とデコラを合わせるにはどうしたらよいのやら。
さて。
私はレビューとかレコメンドとか、実はあまり興味がなく。
でもやはりテンプレを参照したい人には必要かしら?と思い追加してみました。
自分用のテンプレと配布中のpapillon noirとは表示の仕方が違います。
私が今使ってる表示のさせ方はご希望あれば記事で書きまする。
レコメンド、オススメ商品は自分が使ってる本と、好きなアーティスト(PROFILE参照)のCDで。
ホームページ辞典はホントにお薦めします。
HTMLを弄り始めた頃に最初に手にした本で、分かりやすい。HTMLとかCSSとか始めたい人は是非。
今はXHTMLも載ってるHTML&XHTML&CSS辞典ですが。
Perl/CGIは趣味サイトをいくつかやってた頃にお世話になりました。(そのうちの一つは未だにコレを見ながら作ったCGIで動いてます。そろそろメンテしないとー)
好きなアーティストのは、好きなアルバムをチョイスしてみました。
ALI PROJECTさんのふにゃふにゃな旋律が好きです。
「Dilettante」は「人生美味礼讃」や「昭和恋々幻燈館」が好きです。楽しい。
Sound Horizonさんは一番好きなのは「Elysion-楽園幻想物語組曲-」なんですが、検索で出てこなかったので、デビュー作と最新作で。
あさきさんは検索で出てこなかったんでしょうがない。うぬぅ。
検索するのは意外と楽しいなぁ、と思ってしまいました。
まだJUGEMさんにお世話になって3ヶ月も経ってないんですが、始めた頃のUTFはこんなに早くなかったよ??
そんなわけで、早々にpapillon noirに戻しました。
-2-も結構好きですが、折り畳みを付けてないので。
やっぱり自分はコンパクトに収まってる方が好きなようです。
シンプルにコンパクトなやつを作りたいな。
デコラティブなものも好きだけど、機能美で洗練されたシンプルなものも好きです。
UTFのCheapMemoとか、すごいなーとか思います。
でも思いつくのはデコラティブなものばかり。
機能美とデコラを合わせるにはどうしたらよいのやら。
さて。
私はレビューとかレコメンドとか、実はあまり興味がなく。
でもやはりテンプレを参照したい人には必要かしら?と思い追加してみました。
自分用のテンプレと配布中のpapillon noirとは表示の仕方が違います。
私が今使ってる表示のさせ方はご希望あれば記事で書きまする。
レコメンド、オススメ商品は自分が使ってる本と、好きなアーティスト(PROFILE参照)のCDで。
ホームページ辞典はホントにお薦めします。
HTMLを弄り始めた頃に最初に手にした本で、分かりやすい。HTMLとかCSSとか始めたい人は是非。
今はXHTMLも載ってるHTML&XHTML&CSS辞典ですが。
Perl/CGIは趣味サイトをいくつかやってた頃にお世話になりました。(そのうちの一つは未だにコレを見ながら作ったCGIで動いてます。そろそろメンテしないとー)
好きなアーティストのは、好きなアルバムをチョイスしてみました。
ALI PROJECTさんのふにゃふにゃな旋律が好きです。
「Dilettante」は「人生美味礼讃」や「昭和恋々幻燈館」が好きです。楽しい。
Sound Horizonさんは一番好きなのは「Elysion-楽園幻想物語組曲-」なんですが、検索で出てこなかったので、デビュー作と最新作で。
あさきさんは検索で出てこなかったんでしょうがない。うぬぅ。
検索するのは意外と楽しいなぁ、と思ってしまいました。
【テンプレ】 blanc papillon-2-/papillon noir-2-
蝶々なテンプレ第2弾。
実はデザイン的にはコッチの方が先だったりします。
SeeSaaさんで配布をしていた時の使い回しです。
黒と白、お好きな方をどうぞ。
第1弾で問題(?)だった、ブログ説明欄が長いと背景がズレる、ということが無いように工夫してあります。
第1弾もズレないように工夫したいところですが、かなりの大きな修正が必要そうなので、諦めています(スイマセン)
蝶々使いたいけど説明文が長くて…って人はよければ「-2-」の方をどうぞ。
「-2-」の方がゴージャス度は高いです。笑
■blanc papillon -2-/papillon noir -2- DATA
・全体の幅:約800px/記事部分の幅:470px
・2カラム右サイドバー
□おすすめ広告設定
・blanc papillon -2-
枠線:#000000 背景:#000000 タイトル:#ffffff 文字色:#ffffff URL:#af99ff
・papillon noir -2-
枠線:#ffffff 背景:#ffffff タイトル:#000000 文字色:#000000 URL:#990033
→blanc papillon-2-のDL Sample
→papillon noir-2-のDL Sample
【おしらせ】 blanc papillon/papillon noir 一部修正
どもです。
blanc papillon/papillon noirにおかしいところを見つけてしまいました;
お手数ですが、再ダウンロード・もしくは↓の赤文字部分の削除をお願いします。
<HTML>
ローカルで確認しながら作るときに足したヤツをそのままにしてました;
ごめんなさいです。
blanc papillon/papillon noirにおかしいところを見つけてしまいました;
お手数ですが、再ダウンロード・もしくは↓の赤文字部分の削除をお願いします。
<HTML>
<!-- BEGIN trackback -->
<div class="body">{trackback_title}<br />
{trackback_excerpt}</div>
<div class="state">{trackback_blog_name} | {trackback_time}</div>
<div class="body">{trackback_title}<br />
{trackback_excerpt}</div>
<div class="state">{trackback_blog_name} | {trackback_time}</div>
<!-- END trackback -->
ローカルで確認しながら作るときに足したヤツをそのままにしてました;
ごめんなさいです。
【HTML・CSS】 優しさが仇になる時もある
毎回JUGEMテーマで悩んでます。
とりあえず適当にインターネットとかアート・デザインとか、テンプレ配布の時はJUGEMとかしてますが。
何かいい基準は無い物か。。。
さて、タイトルなんですが。
実は、優しさがたまに仇になってしまうタグがいます。
そいつはテーブルタグ(<table>)
こいつはものっそい良い奴なんです。
ご存知の通り、<table>は表組みの時に使うタグです。
どこが優しいかと言うと、こいつは内容に合わせてスペースを考えてくれるんですよ。
横幅200pxの2カラムの表組みに、左は「ああ」右は「あああ」と入っていたとします。
すると↓のようになるのです。
ね?空いてるスペースが良い感じでしょ?
また、表組みを繋げた時なんかもこの優しさは発揮されます。
しかし、この優しさは仇となるのです。たまに。
↑の表の繋げた部分(右側のカラム)の文章量が増えたら、こうなっちゃいますよね?↓
二つに分かれてる部分がちょうど半分こになってます。
半分こでべつにイイ、という人は良いでしょう。テーブルの優しさを享受してしまえばよいのですから。
しかし、左側上のカラムの高さを1行分だけ固定したいとき、優しさが仇となって上手くいかないんです。
「そんな高さは認めない!」って感じで指定を無視して半分こにしてしまうのです。
テーブルのカラムの幅や高さは、二つに分かれている時はその両方のサイズを指定しておかないと大概上手くいきません。これはブラウザによって違うものだと思いますが。
しかし、幅はともかく、高さの固定は好まれませんし、IEに至っては、無視してくれます。
他にも、テーブルには変なクセがあります。
とりあえず適当にインターネットとかアート・デザインとか、テンプレ配布の時はJUGEMとかしてますが。
何かいい基準は無い物か。。。
さて、タイトルなんですが。
実は、優しさがたまに仇になってしまうタグがいます。
そいつはテーブルタグ(<table>)
こいつはものっそい良い奴なんです。
ご存知の通り、<table>は表組みの時に使うタグです。
どこが優しいかと言うと、こいつは内容に合わせてスペースを考えてくれるんですよ。
横幅200pxの2カラムの表組みに、左は「ああ」右は「あああ」と入っていたとします。
すると↓のようになるのです。
ああ | あああ |
ね?空いてるスペースが良い感じでしょ?
また、表組みを繋げた時なんかもこの優しさは発揮されます。
ああ | ああ |
あああ |
しかし、この優しさは仇となるのです。たまに。
↑の表の繋げた部分(右側のカラム)の文章量が増えたら、こうなっちゃいますよね?↓
ああ | ああ ああああ ああああ あああ あああああ |
あああ |
二つに分かれてる部分がちょうど半分こになってます。
半分こでべつにイイ、という人は良いでしょう。テーブルの優しさを享受してしまえばよいのですから。
しかし、左側上のカラムの高さを1行分だけ固定したいとき、優しさが仇となって上手くいかないんです。
「そんな高さは認めない!」って感じで指定を無視して半分こにしてしまうのです。
テーブルのカラムの幅や高さは、二つに分かれている時はその両方のサイズを指定しておかないと大概上手くいきません。これはブラウザによって違うものだと思いますが。
しかし、幅はともかく、高さの固定は好まれませんし、IEに至っては、無視してくれます。
他にも、テーブルには変なクセがあります。
【WEB】 上揃え・下揃え・ジャスティファイ
テンプレを元の蝶々に戻しました。
自分の好きな雰囲気はやっぱりこういう雰囲気だと思う。
リボンとか甘いのも好きだけど、エレガンスゴシックはやはり自分のコアだと思う。
最近はmixiよりもJUGEMの方を行き来してて、同じようにテンプレ公開している方のブログをよく見てます。
小説ブログも毎日更新しているし、そうなると自然とコッチの方が多くなるのです。
Refugium peccatorumの深玖さんの記事に自分の名前が出てて、かなり焦りました。
いや、光栄なんですがね。とても恐縮でした。なのにコメントしてる自分はかなりアレだと思います。あわわ。
実は深玖さんの記事がきっかけで文法チェックしたとかは内緒。。。
色々なテンプレを見てて、JUGEMさんはホントカスタマイズが楽しい。
でも、やっぱり自分の環境では上手く表示されていないところが多く、悲しいです。
新しいWindowsVistaはIE7.0が標準。
世の中の進化は目まぐるしく、前進という意味ではいいことだと思う。
でもホントに最先端にばかり頭を揃えてよいのだろうか?
その最新技術でできれば下にも揃えていただきたい。
上にしか揃えられない技術はホントに前進した技術と言えるのか?
たんなる堂々巡りではないだろうか。
あ、知らない人多いと思いますが
自分はなるべく「ジャスティファイ」でいたいです。
難しいけど。
自分の好きな雰囲気はやっぱりこういう雰囲気だと思う。
リボンとか甘いのも好きだけど、エレガンスゴシックはやはり自分のコアだと思う。
最近はmixiよりもJUGEMの方を行き来してて、同じようにテンプレ公開している方のブログをよく見てます。
小説ブログも毎日更新しているし、そうなると自然とコッチの方が多くなるのです。
Refugium peccatorumの深玖さんの記事に自分の名前が出てて、かなり焦りました。
いや、光栄なんですがね。とても恐縮でした。なのにコメントしてる自分はかなりアレだと思います。あわわ。
実は深玖さんの記事がきっかけで文法チェックしたとかは内緒。。。
色々なテンプレを見てて、JUGEMさんはホントカスタマイズが楽しい。
でも、やっぱり自分の環境では上手く表示されていないところが多く、悲しいです。
新しいWindowsVistaはIE7.0が標準。
世の中の進化は目まぐるしく、前進という意味ではいいことだと思う。
でもホントに最先端にばかり頭を揃えてよいのだろうか?
その最新技術でできれば下にも揃えていただきたい。
上にしか揃えられない技術はホントに前進した技術と言えるのか?
たんなる堂々巡りではないだろうか。
あ、知らない人多いと思いますが
ジャスティファイ「ジャスティファイ」の語呂が好きです。
文字の組み方のひとつ。和文の本文は、ほとんどこのかたちに組む。行頭から組んでいって、行頭・行末をともに揃える。字数が1 行に満たない場合は行末を空けておく。
字間を調整して揃えるため、行ごとに字間が不揃いとなることがある。「均等配置」、「両端揃え」ともいう。
from 図解DTP用語辞典
自分はなるべく「ジャスティファイ」でいたいです。
難しいけど。
NEW ENTRYS
- 生存報告とか色々なお知らせ (12/28)
- 生存報告とお知らせと宣伝と (08/21)
- CSS Naked Day だそうです。 (04/09)
- gift (03/28)
- エントリが1ヶ月おきな件について (03/24)
COMMENTS
TRACKBACK
- JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ buggy_trekkerの学習帳 (10/24) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Memoのメモ (08/23) - (追記:2007.8.29)IE7でbodyの背景が拡大/縮小されない!【IE7対策】
⇒ SOHOカアチャン通信 (06/09) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ WEB制作会社のメモ帳in徳島(ホームページ作成Tips) (11/18) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ btmup Blog [tech] (11/04) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Bowz::Notebook (03/12) - Twitterな話。
⇒ COLORFULLIFE (05/16)
ARCHIVES
- December 2010 (1)
- August 2009 (1)
- April 2008 (1)
- March 2008 (2)
- February 2008 (1)
- December 2007 (1)
- November 2007 (1)
- October 2007 (1)
- August 2007 (1)
- July 2007 (2)
- June 2007 (10)
- May 2007 (4)
- April 2007 (9)
- March 2007 (16)
- February 2007 (17)