Mach3.laBlog

CSSのアーカイブ

IEの透過PNG+opacityの不具合を治すメモ

透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。
IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。
この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。

IEの透過PNG+opacityの不具合を治すメモ

続きを読む

:activeでボタンに「押しごたえ」を付けてみる

Tumblrのダッシュボードの左上のロゴを見ていてふと思ったのですが、
マウスオーバーの処理をする事はあっても、
クリックした時の処理をしているサイトって意外と少ないですよね。
そこで今日はボタンをクリックした時のスタイルについてメモなど。
(わかっちゃいるけど面倒くさいんだろうなぁ、という気はしている)

:activeでボタンに「押しごたえ」を付けてみる

© まっは画伯

続きを読む

2010年に出会った愛すべきリソース達*11

2010年も残りわずか。CS5やらHTML5やらiナントカやら忙しい1年でしたが、
せっかくなので今年出会った素晴らしいリソースを振り返ってみます。

Great Resources 2010

続きを読む

今すぐ出来る、ちょこざいなサイトパフォーマンスアップ

一言にサイトパフォーマンスアップと言っても、どこまで手をつけるか悩みどころ。
今日のお話は、出来るだけ忘れずにやっておきたいごくごく簡単なチューニングです。

今すぐ出来るサイトパフォーマンスアップ

続きを読む

はじめてのjQueryMobile

先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。
新たなモバイル向けフレームワークとして期待が高まりますが、
今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。
だいたいのイメージを掴んで頂ければ幸いです。

jQuery Mobile

続きを読む

YUI Compressorをお手軽にするバッチファイルを書いてみる

CSSやJavaScriptを圧縮するのに便利なYUI Compressorですが、
少々パラメータがややこしくて覚えるのが面倒。
そこで、実行を簡略化する為のバッチファイルを書いてみました。

YUI Compressorをお手軽にするバッチファイルを書いてみる

続きを読む

どこでも活躍できるテンプレートエンジン「Mustache」

世にテンプレートエンジンは多くあれど、
これ程多くの場所で活躍出来るテンプレートエンジンはなさそうです。
本稿はそんなテンプレートエンジン「Mustache」の試用レビューです。

Mustache

続きを読む

Sammy.jsでAjaxコンテンツのセッションを操る

この記事の情報は古くなっています。
Sammy.js はAPIも一新されてより強力なフレームワークになっています。
公式ドキュメントをご参照ください。

ページを移動させずにサクサクと展開していくのがAjaxコンテンツの魅力ですが、
移動しないが故にURLとしてセッションを保持出来ないという弱点があります。
オーソドックスな解決法は「location.hash」を用いる物ですが、
その処理を簡単にしてくれるのがSammy.jsです。

Sammy.js

続きを読む

IE9.jsで実現するシンプルなclearfixとその他の恩恵

既に広く知られているであろう、IE9.jsは、
新旧IEの差異を(出来るだけ)埋めてくれる素晴らしいスクリプトです。
今日のお話は、IE9.jsで実現出来るシンプルなclearfixと、
このスクリプトで実際どんな恩恵が受けられるかの備忘録です。

IE9.js

続きを読む

BrowserDetect.jsと子孫セレクタによるシンプルなクロスブラウザCSS

BrowserDetect.jsは、閲覧環境を判別する為のJSライブラリです。
今回はこれを使用して、Modernizrのような手法で
クロスブラウザCSSを書く実験を試みてみます。

BrowserDetect.jsと子孫セレクタによるシンプルなクロスブラウザCSS

続きを読む