『米が好き』へようこそ！
ここは、管理人が興味を示した事をじゃんじゃん掲載していくサイトです。
ネット上で役立つ事や、ニュース・漫画・アニメ・動画・映画など色々です。

2009年内リリースを予定してたようですが思ったより困難だったのか、ついに『大藤幹のHTML/XHTMLタグ辞典』が『大藤幹のHTML/XHTML/CSS辞典』にバージョンアップしました。
残念ながらCSS3は未対応のようです。
辞典の世話にならなくても、すらすら～っとコードが書けるようになればベストなんですけど、ド忘れとかもありますし持っておいて損は無いかな。
どっかの偉い人が「調べて分かる事は覚えなくて良い」と言ってたような言わなかったような。
一理あるような無いような。

今回長いので折り込みます。
続きを読む >>

HTMLの知識だけで誰でも簡単にiPhoneのランチャーが作成出来るようです。

上記サイトの説明だけでは分かり難かったので補足。
サイト内に貼られているダウンロード先から『ilauncher.html』をダウンロードする。
何も考えずに、そのファイルをサーバーにアップロードする。

※WordPressを使用している人は、テーマ内にファイルをアップするのではなく必ず一番上の階層にファイルをアップする。
×　wp-contents/themes/テーマ/ilauncher.html
○　ilauncher.html

サーバーにアップしたら、SafariでURLを打ち込む。
このサイトだったら、『http://kome-suki.net/ilauncher.html』になります。
すると、以下の画面が立ち上がります。（URLは自動で変わります）


アプリ名でリスト化されており、タップするとiPhoneに入れているアプリが起動します。
インストールされていないアプリは、Safariで新しいページが開き『ページが開けません』で終わります。
『ilauncher.html』の中身を見ると、JavaScriptを使ってアプリのスキームと呼ばれるコードでアプリを起動させているようです。
スキームが無いアプリは無理でしょうけど、以下のサイト等で色々公開されています。


探せばまだまだあるかもしれません。
これの良い所は、HTMLとCSSを自分好みにいじれる点にあります。
例えばこんな事も出来ちゃう訳です。（画像は合成です）


さすがにメールとかのカウント数字は無理でしょうけど。
アプリの画像を自分で作る。
アプリのスキームを調べる。
HTMLとCSSをいじくりまわる。
面白そうですけど、面倒なんでやりません。ｗ

Safariでのページをホーム画面に置いておけば、なお便利なランチャーになりそうですね。

以前からそうなんですが、最近特にサイトが重いなぁと思いフッターに表示させていた『タグクラウド』の表示を止めました。
今や500近く増えたタグ。
全てを表示させるのには、ちょっと重たくなるのは必然ですね。
しかし、全く消すのは惜しいってんで、『ページ』で表示させる事にしました。
サイト一番右上にリンクがあるので、見たい方はどーぞ。

以下はページで表示させるに当たって、難儀した点。

私はWordPressのプラグインの『brBrbr』を使っています。
ちなみに ＜pre＞などに対応した新バージョン出てます。　（Version:2.0）

ページ内に作ったコンテンツも、もれなく『brBrbr』が適応されるのでタグクラウドのフラット表示が出来ません。
画像はプラグイン『Simple Tags』のタグクラウド内。


これを『List』に変えます。


後はCSSで ＜ul＞＜li＞ を横並びにすれば『brBrbr』は関係なくなるんですが、ここでちょっと手間取りました。
結果的に言えば、以下のコードでOK。

ul.st-tag-cloud li {
  display: inline;
  line-height: 2;
}

横並びにする時、『float: left;』じゃなく『display: inline;』にしなければいけなかったんですね。
タグクラウドは関連してるタグによって、テキストの文字の大きさが変わるので『float: left;』だと変な表示になってしまいます。

解決してみれば、何のこっちゃという事例でした。

HTMLとXHTMLのタグを全て（？）見れるアプリです。
9/30本日まで900円が450円の半額。
おまけに年内リリース予定の『CSS辞典同梱版』への無償アップグレードが出来るってんで、即座にポチってしまいました。

HTML/XHTMLのタグは、たまーに見る時がありますしCSSはもっと見る。
『CSS辞典同梱版』がCSS3対応だったら嬉しいなぁ。

紙面で見た方が早いってのもありますが、アプリで改めて見ると新しい発見があったり、手元に本が無い場合は重宝しそうです。
続きを読む >>

2009/8/2～8/8の目に付いた情報・ニュースなどをまとめてご紹介。

今は忙しくて1つ1つ記事にする暇が無いからこの形式をとっていますが、今後も続けるかどうかは不明です。
1つの事に対して、じっくりレビューってのが好きな方なので、1行コメントって楽だけど何だか味気ないような気がします。
個人的主観なので他の人を批判しているのではありません、あしからず。
続きを読む >>

『NaN days』というサイトにCSSのコードが書かれていたので、ご紹介です。
要はニコニコ動画の動画ページを開いた時に、プレイヤーを一番上部に持ってくる為だけのCSSです。
ブラウザの表示サイズが小さい時とかに使えそうです。

ちなみに、Firefox専用のコードです。
詳細は以下。
続きを読む >>

リンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。
Opera、Safari、Google Chromeはデフォルトで出ません。
これが出るのは、IE、Sleipnir、Firefox、Lunascape（WebKit時以外）です。

デザイン的にも、これを出させない為にCSSを使ってみましょう。
続きを読む >>

IEで一部のページが真っ白になる現象があるようです。
『米が好き』でも、『LINK LIST』と『BOOKMARK』のページがそうだって事は先日知りました。
普段Firefoxなもんで、あまりIEのチェックはしてなかったんですよね。
でも最初は表示されてたと思ったんだけど…？

無事解決出来たので、その経緯を載せておきます。
続きを読む >>

ブログなどでAA（アスキー・アート）を貼る時には、ちょっとした注意点が必要です。

それは、フォント指定しないとAAがズレてしまう点。

大概のAAは『ＭＳ Ｐゴシック』で作られている為、その他のフォントをブログに設定しているとAAがズレて表示されてしまい、何が何だか分からないAAになってしまいます。
以下は実際にズレたAA画像やその対処法など。
続きを読む >>

CSSで文字の上に画像を乗せて文字を隠す方法があります。
完全に文字は消えて画像が表示されるし、もし画像が表示されない場合は文字が表示される。
CSSの『position』を使えば簡単に出来ます。
勘の良い人なら気付いたかもしれませんね。

その方法の説明は以下から。
続きを読む >>