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

11月7日（金）〜9日（日） に開催され、豪華なゲストが注目されたWeb Directions East 2008。レポート前編では、カンファレアンス前半の模様をお届け。世界中から、ウェブの最前線で活躍する一線級の人たちが東京に集る、注目のイベントとなった「Web Directions East 2008」。初日のカンファレンスデイとなった11月7日、会場のベルサール西新宿には多くの来場者が集る盛況ぶりでした。オープニングでは、WWWの生みの親であるTim Berners-Leeもビデオレターで登場するなど、これまでの日本のセミナーやイベントでは類を見ない、豪華な顔ぶれによる贅沢なイベントとなりました。 withDもメディア協賛としてサポートした本イベントのカンファレンスデイを前後編の2回にわたってレポートしますが、前編は連載「一歩先のWeb標準」を担当しております、ゆうがお送りいたします

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne

■　XML文書内で使用するXSLTスタイルシートを指定する XSLTスタイルシートを使用するには、XML文書内で使用するXSLTスタイルシートのパスを記述します。 XSLTスタイルシート処理命令のhref属性で、XSLTスタイルシートの「パス」を記述します。 href属性では、ウェブ上のファイルを指定することができます。type属性では 「text/xsl」を指定して下さい。 <?xml-stylesheet href="パス" type="text/xsl"?> ■　XSLTスタイルシートの構造 XSLTスタイルシートを記述する際、XML宣言が必要な事、要素名や属性の記述方法、ルート要素がひとつだけ 存在する事などはXMLを記述するルールと同じです。 ルート要素である、「xsl:stylesheet」要素ではXSLTの名前空間を指定しますが、 W3Cによって割り当てられたURIである「h

「やるな！」と思われるデザイナーに ♯28 Quattro（mBlog） バックナンバーこんにちわ。mBlogのQuattroです。暑いっすね！　先月と同じ始まり方ですが暑いっすね！　持って出たハンドタオルが、1日歩くと2倍くらい重くなってたりします。うーん汚い。けど暑いからって室内に引きこもってると、ただでさえ我々デスクワークの人間はもやしっ子になりがちなので、そこはひとつ何か出歩く用事を見つけて……って行くトコと言えばアップルストアだったりするんですがｗ さて今回は、ウェブのデザイニングやコーディングに関わる人のためのチートシートをご紹介します。これって直訳するとカンニングペーパーなんですが、意味が転じてデスクの横とかに貼っておくと仕事的にナイスな紙切れ、みたいな風に使われる言葉らしいです。いろんな言語やアプリケーションごとに集めてみたので、それぞれの専門の方に是非。 コーダーのあな

DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser

About this script CSS Nite LP2で紹介した、優雅なWeb制作のためのJavaScript、yuga.jsです。主な機能は次のとおりです。 class="btn"でロールオーバー 自分にリンクしていればclass="current" 自分にリンクしている画像は置き換え 外部リンクは自動で外部ウインドウ ページ内リンクはするするアニメ 直接画像にリンクするとthickbox CSSでデザイン用のクラス付加 ニュース 2008/03/23 jquery1.2.3、thickbox3.1を利用した0.5.1を公開しました。interface.jsを使わずにするするスクロールを実装しています。 2007/06/18 jquery1.1.2、thickbox3を利用した0.3.0を公開しました。前のものより動作速度がUPしています。 サンプル トップとプロフィールしかない