mixiをXHTML CSSで組みなおす
mixiをXHTML+CSSで組みなおすで取り上げた生徒の提出した課題には、記事にも書いたとおり、まだいくつか改善できる点がありました。が、色々修正+αしたようで、再提出してもらいました。 前回提出したものと比べると、XHTMLが部分的に修正され、classの数が減っている。オーイェス。機能ごとにclassを与えて共通するスタイルをまとめることで、管理も編集も楽チンにする事が出来るんだ。 Comments:4 上場 2006年6月10日 23:34 力作ですね。そんな技術があってうらやましいです。 MUSCAT 2006年11月20日 07:23 感動しました。 参考に研究したのですが、小生のは拡大で破壊されました。 どか?んん！ wu 2006年11月23日 04:56 どか～ん！ 僕がレイアウトを組む際は、大小に+2ほどの拡大で可読が可能になるというラインで制作しています。 XHTM
mixiをXHTML+CSSで組みなおす - 3ping.org
授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。本当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち
はてなダイアリー日記 - 開発者さま向け - Mobile Link Discovery 対応について
本日、はてなのモバイル対応サービスを Mobile Link Discovery に対応させました。 Mobile Link Discovery は閲覧しているウェブサイトのモバイル端末用ページの URI を、エージェントが理解できるよう、(X)HTML / RSS / Atom フィードなどで表現する仕様です。 たとえば d:id:hatenadiary では HTML のヘッダ中に <link rel="alternate" media="handheld" type="text/html" href="http://d.hatena.ne.jp/hatenadiary/mobile" />という link 要素が記載されております。エージェントはこの HTML を GET し解析を行うことで、モバイル端末用 URI を探し出すことができます。 現在、はてな内の以下のサービスが Mob
Mobile Link Discovery に対応しました。 : ライブドアブログ スタッフブログ
いつも livedoor Blog をご利用いただきありがとうございます。 PC向けのWEBページから、携帯ページのURLを自動的に取得するための仕様 Mobile Link Discovery に対応しました。 対応サービスからのトラックバックを携帯電話からたどる事が可能になりました。 現在使用中のデザインを再度選択しなおして、全体を再構築すると反映されます。 カスタマイズを行っている方は、下記のタグをトップページに、 <link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" /> 下記のタグを個別記事ページに加えてください。 <link rel="alternate" media="handheld" type="application/xhtml+xml"
Where's your Mobile URL?: blog.bulknews.net
Where's your Mobile URL? 本日 TypePad Mobile 1.1 をリリースしました。SAKK でエンジニアリングにかかわった せきむらさん、谷本さん またプロジェクトにかかわったすべてのみなさん、おつかれさま＆おめでとうございます。 このリリースと同時に「あるウェブページのモバイル版 URL を明示的に指定する」 Mobile Link Discovery のドキュメントも作成して公開しています。 TypePad の Mobile の作業をしていてふと限界におもったのが、Trackback のリンク表示方法でした。以前から「User-Agent のパターンマッチでモバイルページにリダイレクトする」という従来の方法になんとなく問題点があるなあと感じていました（リンクする際に「このリンク先はモバイルに対応していない可能性があります」という注意書きを出さなければいけ
Six Apart - Docs: Mobile Link Discovery 仕様
このページでは XHTML/RSS/Atom においてモバイル版 URL へのリンクをメタデータに埋め込む仕様: Mobile Link Discovery について解説します。 (See English version of this page.) サマリ モバイル端末に最適化されたウェブページをもつサイト（Publisher と呼びます）は、link タグにその URL を以下のように記述します。 <link rel="alternate" media="handheld" href="..." /> こうすると、サーチエンジン、ブログサイト、ソーシャルブックマーキングサイトといった外部のサイトのモバイル版ページから、Publisher 側のモバイルページに正しくリンクすることができます。 このモバイルリンクは RSS や Atom フィードに記述することもできます。 例 http:/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
freeml（フリーエムエル）｜新しい生活をはじめる羅針盤