現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IEには様々なバグが報告されていますよね。 もうコーダーからしたら勘弁して下さいって泣きが入りそうになるくらいに… 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、floatに後続するmarginの値が無視されるとか、widthを指定しているとボックスの中身にfloatして... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]一枚の画像だけでスタイリッシュなプログレスバーを実装するスタイルシート | コリス](/thumbnail/300497.png)
一枚の画像だけでスタイリッシュなデザインのプログレスバーを実装するスタイルシートをBen Ogleから紹介します。Simple CSS shiny progress bar technique画像は、下記のような [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
この記事は、Mezzoblueのデイブ・シェイ氏による“CSS Crib Sheet”という記事を訳したものです。リンク先のサイトはすべて英文のみとなっています。 CSSを使ってサイトを構築していると、きっと多くの突飛なレイアウト上の問題点に遭遇し、何度となく壁に頭をバンバン打ち付けるはめになるで... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
International PHP MagazineやPHP Coding PracticesといったサイトでCSS Colorsと呼ばれるPHPスクリプトが紹介されています。
このCSS Colorsと呼ばれるスクリプトはBarelyFitz Designsで公開されているスクリプトで、PHPを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 div構造とcssめんどくせーけど、cssしか使えないとこでも使えるのがよいな。 』 by suVene [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2007-01-21T04:00:10+09:00Microsoft Internet Explorer 7 正式版の登場で、これまで未対応だった CSS セレクタが利用できるようになりました。Windows IE7 で対応したプロパティのおさらいと、その他ブラウザでの対応状況を資料ではなく実際に... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 これとLightbox2.0を組み合わせれば面白そう→http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/ 』 by Quadrifogrio [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 CSSでの段組みテンプレ。ソースを参考にしてみる。 』 by mooiboom [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか?XHTML+CSS (r)evolution, 3nd スライド・音声データ(原文ママ)も公開されたようですので、今回のプレゼンテーションに対して補足と説明を加えておきましょう。プレゼンの内容をほとんど否定しているのは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 ミツエーリンクスの矢倉氏による、「HTML5,きちんと。」のスライド 』 by torugatoru1 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]１ピクセルの画像で、リストの構造をビジュアル化するスタイルシート | コリス](/thumbnail/330275.png)
サイトマップなどによさそうな、1ピクセルの背景画像を使用してリストの構造をビジュアル化するスタイルシートをCSS-Tricksから紹介します。Style a List with One Pixeldemo構造化 [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PHP: Display Adobe PSD files on a web page PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法。 これは本当に驚きました。PHP PSD Reader というライブラリをインクルードするのですが、複数レイヤーから構成され... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。
ウェブのパフォーマンスには2つの重要な側面、すな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート | コリス](/thumbnail/251582.png)
New CSS Sticky Footer - 2009 demo主な対応ブラウザは、FX6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリストNew CSS Sticky Footerは、同じくフ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
カラーコードパレットはホームページ・ブログなどの配色を考えながら、カラーコードを取得するためのツールです。画面右のパレットを選択すると、右下に対応したカラーコードが表示されます。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTML Playground, html, css reference by exampleソースを見ながらリアルタイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前、
404 Blog Not Found:css - ルビもCSSで
という記事を書いたのだが、Firefox 3でどうもきちんと表示されない。これは困った。どうしてもルビを使いたい記事があるのだ。
というわけで、今度は大本の記事をそのままコピペするのではなく、CSSをきちんと理解した上で書き... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっている... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ブラウザのサイズに合わせてレイアウトを自動変更するチュートリアル | コリス](/thumbnail/382164.png)
グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
