2011年09月17日
CSS Spriteの効能。
9個のアイコンファイル(5733バイト)を一つのファイルにまとめたら2855バイトになった!!ファイルの数が減ってサーバーへのリクエストも減り、二度美味しいって感じだね。管理上もファイルが減るので管理しやすい。
ただ、CSS Sprite用のファイルの作り方は考えないといけないですね。スタイルシートを書いたりするのがちょっと面倒。背景のサイズと画像のサイズが同じならば、Fireworks...
2011年09月11日
Google+
やはりGoogle+は、試しておいた方が良いのかなと思って、Twitterで誰か招待してと書いたら、すぐさま招待状を頂き、入ってみました。
第一印象としては、見た目はスッキリ。だけど、Googleのサービスを既にあれこれ使っていて、サービスの連携設定をしている場合、何処の設定が影響してその様な表示になって居るのか分からない部分が有ります。写真はPicasaと連携している雰囲気ですが、...
2011年09月05日
カラー・コントラスト・チェッカー2011
毎年少しずつ改良している感じになって居る「カラー・コントラスト・チェッカー」を更新しました。
今回は、チェック結果をクリップボードにコピー出来るようにしました。今までは結果を見て確認するだけでしたが、結果をコピー出来るので、資料などに使えるのではないかと思います。
こうなってくると、AIRアプリにした方が良いかも知れないですね。Windowsだと同様のソフトもあるの...
2011年08月26日
CSS Lintの警告
CSSの文法や対応状況のチェックをしてくれるCSS Lint。LESSでちょっとしたスニペットを書いている途中でチェックしてみたら、ベンダープレフィックスが足りないと警告されて、修正していたら、何だかファイルサイズがデカく成って仕舞った。どうやらWebkitの場合、古い記述があると、新しい方の記述を要求されるようです。互換性の問題を考えると、古い方を優先して欲しい気もしますが、そ...
2011年08月23日
ダイナミック・スタイルシート・ランゲージ 「LESS」
TwitterのBootstrapで使われていたLESSですが、気になっていたので試してみました。LESS自体は何処かで誰かが話題にしていたような気がするので何となく知ってましたが、使うのは初めて。
まず、Bootstrapのサイトで紹介しているように、HTMLの中に、LESSファイルを読み込むJavascript(less-1.1.3.min.js)を使って、Bootstrapを使う事も出来ます。しかし、この方法。Dreamweaverを使って...
2011年08月22日
TwitterのGridデザインCSS「Bootstrap」
何とTwitterがGridデザインCSSのフレームワークをリリースするとは思わなかった。ウェブページを公開している以上、スタイルシートでのレイアウトは必要になるので、その辺をまとめて公開したのだろうが、ちょっと意外。で、早速、そのGridデザインCSS「Bootstrap」を試してみた。
今まで、Yahoo!のGrids CSSや960 Grid System、Blueprintなど有りましたが、これらは本当にグリッドの部...
2011年07月01日
kei3.jpの日記、9周年?
現在、ココの日記にある最古の日記からまる9年になりました。実際にはもう少し前から日記を書いて公開していたのだけど、このシステムにまだ移行してなかったりします。
2011年06月23日
Firefox 5でWebGL
WebGLは、Firefox 4でも表示できるのですが、Firefox 5で表示するとパフォーマンスが段違いですね。
試しにWebGL Aquariumを、2.4GHzのMacBook ProがFirefox 4で、2.2GHzのMacBook ProがFirefox 5の場合、つまり遅いマシンが最新のブラウザで比較すると、フレームレートが3倍以上高いです。13fps前後のところが、40fps前後になります。・・・と思ったら、何故かリロードすると、パフォー...
2011年06月22日
Firefox 5
Firefox 5が公開されました。Firefox 4の公開が3月22日。三箇月でメジャーバージョンのアップデートなんてあり得ない。なんて思っていたら、Firefox 6は8週間後?もう既にメジャーバージョンとは言えない様なペースですね。
今回のFirefox 5の目玉としては、CSSアニメーションですかね。それから、「class SVG アトリビュートを動的に変化させられるようになりました。」ってのも面白い...
2011年06月17日
WordPress用プラグイン「Really Simple CAPTCHA」
時々kei3.comの問い合わせフォームからメールが来るのですが、ほぼ、100%がスパム。何とか成らないかなと思っていたのですが、CAPTCHAは設定ファイルを変更しなければ成らないと思い、放置してました。
流石に、スパムが増えると面倒になってきたので、設定を行おうと思い、Contact Form 7のフォームに[captchac captcha-1] [captchar captcha-1]を追加。流石にこれだけでは動かないよね...