タグ

ブックマーク / www.hamashun.com (6)

  • 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ | Blog hamashun.com

    実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに行ってきました。 会場は恵比寿のとある会議室で、少人数(参加者10人弱くらい)で行われました。 講師はJohn Allsoppさんで、通訳にヤスヒサさん。 色んなお手伝い(という紹介でいいんでしょうか)にOli Studholmeさんというチームでした。 ヤスヒサさんは久しぶりにお会いしましたが、髪が伸びていました(お前が言うな)。 参加者の中で知ってる人はネコゼさんだけでした。 あの人とかあの人とか来ると思ったのになあ。。 休憩時間に技術評論社でHTML5の記事を書いた村田さんと名刺交換をさせてもらったりもしまし

  • ワーキングチェアの選び方 | Blog hamashun.com

    たまに上がるワーキングチェアの話題を見るたびに、イスマニアのhamashunはふはふは言いながら見させてもらっています。 せっかくなので僕の選び方を書いてみる事にしました。 ちなみに僕が会社で使っているのはVitraというメーカーのHeadLineという椅子です。 参考:HeadLine 3Dアームチェア ベーシックダーク仕様(ヘッドライン 3Dアームチェア ベーシックダーク仕様):hhstyle.com 素材選び ワーキングチェアの素材は大きく分けてメッシュ系と布系に分けられます。 有名なアーロンチェアはメッシュですね。 メッシュは蒸れないと聞きますが、まあここは好みだと思います。 僕はメッシュは服が削れそうな気がしたので布の物を選びました。 日製と海外製ではどっちがいい? 平均的体格の日人なら、基的には日製の方が合いやすいと思います。 オカムラのバロンとか有名ですね。僕はミーハ

  • IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com

    最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph

  • Web標準の日々レポート 「文書構造がもたらす利点 ~環境に依存しないコンテンツ~」 中村精親さん 辻勝利さん | Blog hamashun.com

    2007-07-19 JAWSの読み上げ方に補足頂いたので追記 ショートカットメニュー 表現は視覚だけじゃない 色んなUA(の一例) 音声ブラウザとスクリーンリーダーの違い スクリーンリーダについて 音声ブラウザやスクリーンリーダーのシェア 読み上げについて JAWSの読み上げ方 CSSの話 質疑応答 点字ブラウザについて 感想 表現は視覚だけじゃない 構造と表現が分けられている事が、Web標準の基礎。 と言うと「視覚表現と構造の分離」と思いがちだが、その考え方は聴覚表現や触覚表現でも必要。 例えば、強調を表現するにはCSSで文字色を赤にしたり太字にしたりするが、それだけでは聴覚的や触覚的には強調されていない。(相当する表現は声を大きくするとか、音程を変えるとか、解説を付けるとか? 現段階の機能で可能かどうかは別で)。 色んなUA(の一例) 視覚系ブラウザ IE、Firefox、Opera

  • Web標準の日々レポート 「複合文書から見たXHTML+CSSとスキーマ活用」 石川雅康さん | Blog hamashun.com

    2007-07-12 スキーマトロン(の補足)に追記・及び誤字・ソース(ショートカット効いてない問題)修正 ショートカットメニュー このレポートの概要 まず知っておくべき事 ルビの話 MIMEの話 複合文書の話 XHTML2の話 SVGの話 複合文書での名前空間 複合文書でのCSS アドレスバーに属性をコピペする? スキーマの話 DTDの編集 スキーマトロン(の補足) その他(質疑応答含む) オマケ このレポートの概要 途中からだったので、全ては聞けませんでしたけど難しい内容でした。 現時点では、一般の製作者というよりはマニア向け 。 内容は、W3Cで活動されていた石川さんが、自身が策定に関わった仕様などについて語ってくれるというもの。 将来的にXHTMLは複数のマークアップ言語を一緒に使える(SVGやMathMLとか)という話を中心に、スキーマとかW3C裏話なんかも。 石川さんは「仕様」

  • そろそろCSSハックの良し悪しについて考えてみる(書式編) | Blog hamashun.com

    関連リンク そろそろCSSハックの良し悪しについて考えてみる(書式編) そろそろCSSハックの良し悪しについて考えてみる(管理編) おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ

  • 1