Category : CSS
IEにもa要素以外に:hover擬似クラスを使えるようにする。
:hover以外にも、「:active」と「:focus」も使えるようになります。 Whatever:hoverのサイトで「csshover3.htc...“続きを読む”
DemoページにCSS3を追加。
CSS3のサンプルをのせました。 でも、SafariだけとかFirefoxだけとかなので、どんなものか確認するときはそれぞれのブラウザでお願いします。...“続きを読む”
「@font-face」でウェブフォントを表示
近い将来画像で見出しを作ったりする事がなくなるかもしれないです！？ とは、言い過ぎたかもしれないですけど、それくらい便利な「@font-face」。 ...“続きを読む”
Adobe MAX 2009 「CSS3とプログレッシブエンハンスメント」に参加しました
お台場にある、グランパシフィックで開催された、「Adobe MAX 2009」。 その中の一つのセッションである、「CSS3とプログレッシブエンハン...“続きを読む”
WordPressのコメントを修正＆トラックバック、ピングバックの表示を区別する。
コメントの表示レイアウトを変えてみました。 アバターを表示するようにして、そのアバターから吹き出しを作りました。 よく見るレイアウトですね。 で、ア...“続きを読む”
Firefoxでの中央表示
Firefoxで中央表示の設定をした場合、スクロールが出るときとでないときでその分ずれてしまいます。 それを回避するのが、 html { over...“続きを読む”
Demoページに「CSS Sprite」を追加
CSS Spriteを追加しました。 参考にしてみてください！ Demo – CSS Sprite AKPC_IDS += "414,";
Chili is the jQuery code highlighter plugin.
<code></code>内に書き込まれたソースコードに色を付けてくれるJavaScriptライブラリ。 jQueryベースで...“続きを読む”
透過PNGを使うとき
まず注意しないといけないのが、IEへの対策。 IE6以下は透過PNGに対応していないので背景が真っ白で表示されてしまう。 対応策は色々あるけど、今回は...“続きを読む”
CSS3 の実践的な使い方『CSS Reloaded』
参加した「CSS Reloaded」ですが、スライドショーが公開されています。 行き逃した方、興味ある方はぜひご覧になってみてください。 リンクは以下...“続きを読む”
CSSでbackground設定したときの注意
ちょっと今はまったので・・・。 私が無知なだけなのかもしれないので、当たりまえだろ！！って思った方には申し訳ありません。 まず、CSSでbackgro...“続きを読む”
「Firefox 3.1」ベータ版リリースは8月19日を目標に–「HTML5」をサポート
Firefoxの次のバージョンアップです。 どうやら、HTML5もサポート。 個人的にはCSS3をサポートしてほしいですけど、この辺はどうなんでしょう...“続きを読む”
iPhoneサイトを作ってみた。その2
前回、文字が拡大されたまま直らないという減少に悩まされていましたが、色々調べた結果解消できました。 -webkit-text-size-adjust...“続きを読む”
iPhoneサイトを作ってみた。
そして、はまった。 表示、コンタクトフォームからのメール送信。文字化け。 この辺のことは問題なかったんですけど、iPhoneを傾けたときに一部の文字が...“続きを読む”
「CSS Reloaded」CSS3の実践的な使い方をご紹介！アップルストア無料イベント
アップルストア銀座でCSS3の無料の講座が開催されます。 すごく衝撃的な内容になっているみたいなので行ってみたいと思います。 個人的にCSS3は早く対...“続きを読む”
Recent Comment