サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
www.double-team.org
あ...ありのまま今起こった事を話すぜ! クライアントから電話口で「Web サイトで PNG を使うのは非常識です」と言われた な...何を言っているのかわからねーと思うが、俺も何を言われたのかわからなかった... 頭がどうにかなりそうだった...クレームとか忠告とか、 そんなチャチなもんじゃあ断じてねえ。 もっと恐ろしいものの片鱗を味わったぜ... マジで頭がどうにかなるところだった。しかも曲がりなりにも「Web ディレクタ」と言う肩書きを持ってる人から。 何をもって PNG が悪なのか理解できなかった(と言うかその辺の話はスルーされた感がある)。 5年くらい前なら、まあ分かる。あの頃はまだカオスだったから仕事で使うには躊躇する規格だった。だが時代は変わり2008年だ。IE5.x もほぼ死滅し、Firefox3・Safari3・Opera9.5 がリリースされた。SVG も(
最初に関係ない話。 MT のテンプレートを初期化した。いろいろ面倒になってきたし。でも MT3 のテンプレートって腐ってると改めて実感した。気が向いたら変えてみる。その前に MT4 にアップデートするかもだけど。 でもいい加減マークアップしながらブログ書くのは面倒だ。なんかもう、 テキストエディタに書く Dreamweaver でマークアップ 投稿 これでやろうか悩んでる。でもわざわざ DW 起動するの面倒くせー。はてな記法使えるようにしちゃおう。いつか今度やる気が150%くらいになったら。今20%くらい。 本題。 もう3日前の話です。アウトプット早くしないといけないなぁ、と思いつつ3日経ちました! オレ死んでいい。 以下セミナーの覚え書き。内容に関してはネコゼさんや hamashun さんと併せて読むと補完されるかも。(特に対談部分) 第1部 マイクロフォーマットとは何か 定義 人間第
hamashun さんが「マークアップエンジニアって IRC 使ってなくね?」(意訳)と言ってたので、勢い余ってチャンネル開設してしまった。今は反省してない。 と言うわけで irc://irc.freenode.net:6667#markupper にてみんなが待ってます! 来るといいよ! 結構テキトーだし、むしろオレ管理なんてやってないし、bot 常駐してないし、みんなの業務時間外(夜中)とか入ると誰もいない可能性アリだけど、その辺はこれから考える(だけで終わりそうw) IRC 以外にも hiloki さんが Skype のオープンチャットを開設したので、こっちもどぞ! (自分はまだ Skype を入れてないのでこれからダウンロードしに。。。) 追記 2008年4月4日 10:50 irc://irc.freenode.net は IRC クライアントの文字コードを UTF-8 に設
通常、(X)HTML + CSS で構築されたサイトはモバイル環境(i モードや Ez web とか)でも CSS を切り離された状態で閲覧されるのは周知の事実。一部 CSS 対応してるけど、本当にちょっとだけだし、実装もインラインの style 属性とか head 内に style 要素を記述する方法などがあるが、結局のところ外部 CSS には全く対応しておらず、ちょっとどころかかなりゲンナリする。 ただ、もし CSS に対応すると言うことになることになったら、キャリア側は CSS メディアタイプを screen ではなく handheld として実装して欲しい。フルブラウザがメディアタイプ screen 準拠していることによって、 Kuruman Memo)">こうした状況が発生しているのは事実だし、スマートではない。 ただ、PC で閲覧する Web サイトとモバイルで閲覧する We
ここ3ヶ月くらいずっと悩んでいる。どうにも解決方法と言うか、「これ!」と言う回答が見つからないので一旦整理する意味でブログに書いてみる。 よく、「ページトップに戻る」と言うリンクがある。 例えばドコモの製品ページ。ここでは「このページのトップへ」と言う表記でページ内の #top へリンクされている。この #top がどこに書かれているか探してみると、ドコモのロゴの a 要素に name 属性と id 属性の併記でなされている。 今度は mixi のヘルプページではどうか。「TOPへ戻る」と表記され、同様に #top へリンクされている。この #top はソースを見ると164行目に空の a 要素に name 属性で書かれている。 で、自分は何を悩んでいるのか。 ページトップなどの表記は正しいのだろうか 本当にページの先頭に遷移するリンク先は #top(または #pagetop など)でよ
まあ CSS はプロパティによって使う・使わないが激しく分かれるので、まあこの辺が無難だろうと思います。印刷関連や音声関連が一切出てこなかった。 しかし HTML はちょっとなぁ。。非推奨要素まで入ってるから困る。b 要素とか s 要素とか偶然出てきたレベルだし。あとフレーム関連は一切知らない。 けどフォーム関連が全然思い出せなかったのは自己嫌悪。ダメだなぁ。
たぶんどこにでもあるネタだと思うけど、きっかけは”position プロパティの fixed 値を印刷時にはどーやって表示されるのか”が気になったので試してみたら”これでプレゼンテーションツールが作れるんじゃね?”ってことで作ってみた。 XHTML+CSS Slideshow Tool Ver 1.0 サンプル ファイル PDF 印刷したサンプル XHTML+CSS Slideshow Tool とは 純粋な XHTML と CSS の組み合わせで PDF 印刷することを前提に作られたプレゼンテーションツールです。 XHTML 文書の中身は S5 と似たような構造になっています(かなり単純化されてますが)。 なので JavaScript によるエフェクトは一切ありません。個人的にそんなのはいらないと思っているし。 使い方 title 要素にタイトルを記述し、これがヘッダのプレゼンする内
仕事で z-index プロパティを使う機会があったんですが、なんだか上手くいかなかった。いろいろ試行錯誤してようやく思い通りの動きをしてくれたので、ここに z-index プロパティの仕様を含めたまとめを書いてみる。 まずは z-index プロパティの仕様から。引用するのが面倒なので仕様書をそのまま見てください。 Visual formatting model - 9.9 階層化表示 簡単に仕様をまとめると、 position プロパティで [fixed] [absolute] [relative] のいずれかの値を持つ要素(つまり [static] 以外の値)にのみ適用される z-index プロパティの [auto] はボックスの重なり順が親要素と同じになる [整数] は値が大きいほど値が小さいボックスよりも前面になり、小さいほど大きい値よりも背面に配置される [整数] はマイナス
「Web 標準の日々」初日を終え、まったり中。レポートみたいなのははてなダイアリーの方にとりあえずその場の勢いで書いた。本当はセッション3の「富士通の実践、アクセシビリティ/ユーザビリティ。そしてファインダビリティ」も受講したんですが、資料配布なし、録音を認めていなかったので、エントリはしてません。記事としてはあるんですが、この辺表に出さない方がいいのかと思って。聞いておけばよかった。。 で、自身のエントリにレスを付けるのも変な話ですが、分かりやすいと思ってこうします。 「float プロパティを使用する場合はその要素の幅の明示が必要」に対するコメントをいくつかいただいてますが、それにちょっち返答と言うか、自分の考え方を残しておきます。 2007年07月13日 kits CSS 2.1 だと仕様が少し変わっています。 http://hp.vector.co.jp/authors/VA02
なんかタイトルに「の」が連続してるけどいいや。 「水平方向のナビゲーションの作り方」のはてなブックマーク見て、誰も float プロパティの使い方に疑問を抱いてないのを見て不安になった。 CSS 2 の仕様書内で float プロパティ(浮動体)は以下のように書かれています。 浮動ボックスは,明示的な幅をもたなければならない。明示的な幅は,置換要素の場合は,'width'特性, 又はその組込み幅によって割り当てられる。 ここである「width 特性」と「組込み幅」とはそれぞれ以下の意味となる。 width 特性とは スタイルシートとの width プロパティを使用すること。 ちなみに「特性」は単に「プロパティ(Property)」を和訳した単語。 組込み幅とは 仕様書内では実寸法と表記されている。 実寸法 (Intrinsic dimensions) 環境によって決まるのではなく,要素自
すでに2週間経ってしまったが、今月頭に MacBook(黒)を購入し、1日かけてセットアップを完遂した。 ちなみにアップデートニュースが出た直後に買ったので、従来に比べてもちろんスペックは上がって、でも値段据え置き。危うくアップデート前に買うところだった。 と言うわけで今回はいろいろと Mac にまつわるお話。 今回 Mac のセットアップをするにあたり、開梱から完了までの手順を(ほぼ)全て写真に収めた。 いろいろマズイ画面はプライベートにしてますが、それ以外に関しては全部見られます。 さて、この25年間で Mac を利用したのはそれほど多くはない。MacOS X は前の会社に1台だけあったが、それこそ表示チェック用だったから作業用としては利用していなかった。 つまりずっと Windows を使い続けてたわけです。それこそ Windows3.1 から。 そんな自分がいきなり Ma
今日はとても面白い1日だった。いや別に仕事とかプライベートとかじゃなく、ガリガリ CSS 書いてて楽しかった。 なんとなく「できるかなー」と思ってグリグリ2時間くらい費やした甲斐があった。でもあとで調べたらいい感じの記事があって、「こっち参照でいいんじゃない?」とも思ったが、せっかくなので残しておく。 と言うわけでまたここからで申し訳ないんですが、パンくずリストがベストとは限らない | WWW WATCH を見て「link 要素を可視化させちゃえば(ちょっとだけ)解決できるんじゃない?」と思ってやってみた。 XHTML の記述を例えばこんな感じに。 <link rel="start" href="index.html" title="最初のページへ" /> <link rel="next" href="next/index.html" title="次のページへ" /> <link r
こんな仕事をしているとクライアントから対応ブラウザについての要望が出てきますが、最新のブラウザならともかく、化石と化してもおかしくないブラウザまで許容範囲に入れなければならない場合がある。 と言うわけで過去のブラウザの入手先をまとめてみる。ついでに複数のバージョンが異なるブラウザを共存させる方法も分かる限り紹介。 Internet Explorer 5.x の場合 スタンドアローン版 IE5.01 と IE5.5 の配布サイト 今でも Web 製作側にとっては過去の遺物でしかないこのブラウザを、IE6 や IE7 がインストールされている Windows マシンでも動作する方法です。詳しいことは cyano: 複数のバージョンのInternetExplorer(IE)を同じマシンに同居させるにはをご覧ください。 紹介されているページにも記載されていますが、IE5.x はセキュリティ上問
仕事の合間のエントリなので、思ったままのことを手短に書きます。 そもそも CSS でデザインするためには (X)HTML が分からなければ意味がない。 div 要素が必要以上に発生したり、直接テキストが入るのはいかがなものか(せめて p 要素で括って欲しい) 同じような現象として空 div や br 要素を使って float プロパティによる回り込み解除をするとか。 上記2つは物理マークアップと大差ない W3C 信者や strict 厨になれとは言わないが、妥協すると言う風潮が広がることは後世にとってもよろしくない。 だけど W3C や WaSP の努力は認めるべき。 「CSS でレイアウトすればリデザインが簡単」と言えるあなたを私は信じられない。 今のデザインで固まってしまった (X)HTML 文書を改修せずに、デザイナから上がってきたデザインをその通りに表現できますか? (X)HTM
このブログも当然のように CSS で完全レイアウトされてるわけですが、やはり問題は外部 CSS ファイルの管理方法。管理もそうだけど、そもそもの設計方法が重要ってお話。 早水悠登氏のエントリを見て、「あー、気持ちは分かるなぁ。これって設計上の問題でも発生するんだよなぁ」とうにょうにょ思ってたんですが、じゃあ実際にどーすりゃいいのよ、ってなるとこれがまた難しい。 とりあえずこの double-team.org の CSS を例に出してみます。 まずは外部 CSS ファイルの構成から。 import.css(以下の CSS ファイルを読み込むための CSS ファイル) elements.css(各要素を再定義&リセット用 CSS ファイル) layout.css(大枠のレイアウトを定義した CSS ファイル) header.css(ヘッダ部分の CSS ファイル) footer.css(フッ
このページを最初にブックマークしてみませんか?
『double-team.org』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く