[B! CSS] kobapanのブックマーク

Data URIsでHTTPリクエスト数を削減するテクニック | エンタープライズ | マイコミジャーナル

This is where he blogs about web design, front-end development, web performance, and other things web-related. HTTPリクエストの回数を削減するために利用できるテクニックのひとつにData URIsがある (RFC 2397: The "data" URL scheme)。これはデータをbase64でエンコードしてHTMLやCSSに直接埋め込むもの。ひとつのファイルにデータを含めることができるため、その分HTTPリクエストの回数を削減できる。ただし、IE6およびIE7では対応していないほか、base64にエンコーディングするため圧縮しない状態ではサイズが膨れ上がるという欠点もある。このData URIsの活用について、Rob Flaherty氏が自身のブログにおいて興味深い記事

kobapan 2009/12/22

リンク

CSS Splite を使うとどれだけサイトが軽くなるか分かるブックマークレット「Sprite Me」*二十歳街道まっしぐら（FC2ブログ時代）

「Sprite Me」はCSS Spriteでサイトがどれだけ軽くなるか教えてくれるサイトです。サイトというよりか、ブックマークレットを用意してくれています。ブックマークバーにいれておくと、いろんなサイトでCSS Spriteを使うとどれだけ軽くなるかを教えてくれます。 CSS Spriteとは、複数の画像を１枚の画像にしておき、CSSで区切って表示させる手法です。 Googleもこれを利用していますね。詳しくは、CSS Spriteを活用しようを参考にしてください。以下に、Sprite Me のブックマークレットを使ってみた様子を載せておきます。

kobapan 2009/09/24

CSS

リンク

Elastic Calendar Styling With CSS | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! This post was co-authored by Chris Coyier and Tim Wright of CSS Karma A traditional calendar is a grid of numbered boxes on a page. As a web designer, you might go right for a table, and I wouldn’t fault you for that. Tables, though, can sometimes be tough to muscle into shape. The CSS purist

kobapan 2009/05/21

リンク

「あやの独り言」のあやちゃん作。。（*￣m￣)ぷっ！なかなかおもしろい！だるまがナハナハをやっている。（*￣m￣)ぷっ！（*￣m￣)ぷっ！これは、ｉｍｇタグで表示しただけで動くアニメーションｇｉｆ画像です。この画像をさらにＪＡＶＡスクリプトで動かすことも出来ます。「文字や画像を動かす。その２」では、スタイルシートのposition:relativeを使って、画像や文字の表示する位置を決めていました。これは、そのＨＴＭＬで表示される場所が、基準の位置になります。（基準の位置は、left:0px;top:0px) つまり、ＨＴＭＬで表示する場所が決まります。例えば、ＨＴＭＬのソースに、今読んでいるこの文章のあとに、改行して<br> <span style="position:relative;left:0px;top:0px"> <img src="pic/daru