Sonic Creator - Create your own canvas/gif/css3 loaderRead the Sonic README With this tool you can create your own animated Sonic loader. Three graphics will appear below: An HTML5 Canvas running through Sonic, a regular GIF, generated via a modified version of SonicGIF (using jsgif), and a PNG Sprite.
[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量（約3K）のスクリプトで、実装方法などは下記をご覧ください。 かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic 今回紹介するのは、このSonicをコードベースでオンラインで簡単に設計でき、それをアニメーションGIFやCSSスプライト用のPNG画像を生成するオンラインツールです。
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル
17日(米国時間)、IE PNG Fixの最新版となるIE PNG Fix Alpha 2が公開された。IE PNG FixはJavaScriptで開発された透過PNGサポートライブラリ。LGPLのもとで提供されており、透過ライブラリがサポートされていないIE 6やIE 5.5で透過PNGを表示できるようにする。 IE PNG Fixを使って透過PNGを表示させる場合、CSSファイルに1行設定を追加するだけでよく、HTML自身を編集する必要がないという特徴がある。img要素によるバックグランドイメージ表示にも対応している。IE PNG Fix Alpha 2では背景ポジションの指定やリピートもサポートされている。 IE PNG FixはIE 6やIE 5.5に影響を及ぼすが、FirefoxやOperaなどほかのブラウザには影響を及ぼさない。類似したJavaScriptライブラリにはIE7.
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
javascriptなしで背景が透けるカラムを実装するスタイルシート
javascriptなしで背景が透けるカラムを実装するスタイルシート ネタ元:背景が透けるカラムを実装するスタイルシート このやり方も素敵なんですが、JavaScriptなしで余計なdiv要素を追加せずに再現できる方法を紹介します。 サンプル 特に難しいことはしていないですが、カラムの背景を透過pngで指定しています。 透過pngに対応していないIEに関してはfilterで代用しています。 参考：IEとそれ以外のブラウザでアルファ画像を使う方法 #main,#navi{ background:url(alpha.png); } * html #main{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; } * h
漬物の酸味が生む料理のアクセント｜和の心 漬物 2025年3月更新
漬物は料理において重要なアクセントを提供します。 その酸味が、食事の味わいを引き締め、新たな深みを加える役割を果たします。 例えば、酢漬けの漬物は、独特の酸味と爽やかさで料理全体を軽やかにし、油っぽさを中和します。 これにより、食べ手の口の中をさっぱりとさせるだけでなく、食欲を増進させる効果も期待できます。 また、塩漬けの漬物もまた重要です。 塩の効果で野菜から水分を抜き、旨味を凝縮させることで、料理に深いコクと風味を加えます。 この塩味は料理全体のバランスを整え、食事を豊かにしてくれます。 漬物の酸味が生む料理のアクセントは、料理の種類や季節によっても異なります。 夏にはさっぱりとした酢漬けの漬物が、冬には塩漬けの漬物が特に重宝されます。 季節感や地域の食材と漬物の組み合わせを工夫することで、料理の魅力がさらに引き立ちます。 漬物は単なる付け合わせではなく、食事の一部としてその重要性を増
Creative Use of PNG Transparency in Web Design - Digital Web
Got something to say? Share your comments on this topic with other web professionals In: Articles By Jeff Croft Published on May 28, 2007 PNG, GIF, and JPEG The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG suppo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
center-circle.net - links for 2009-10-06
主要ブラウザの各バージョンでのサポート状況の一覧表
http://www.bestwebbuzz.com/?p=91