HomeYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
なぜ？CanvasではなくCSS3を駆使して描くドローライブラリ·Donatello MOONGIFT
Donatelloは幾何学模様をJavaScript/CSS3で描くドローライブラリです。 HTML5を利用すればこれまで画像やFlashを使わざるを得なかった描画がJavaScriptとCSSを組み合わせて実現できるようになります。どれくらい奇麗なグラフィックスを描けるのか、さらにそれをいかに手軽に実現できるかを知るのにDonatelloはぴったりなライブラリです。 サンプルです。時刻に合わせてオブジェクトの描画が変わります。 四角い形が円に沿って描画されていくサンプルです。HTMLの内容を見ると分かりますが、JavaScriptを使ってダイナミックにレンダリングしています。 このような複雑な形も描けます。 時計そっくりな描画も。こちらは実際に針が動きます。 四角が繰り返される描画。JavaScriptで描画内容をコーディングしているので幾何学系のアートが多いです。 実際のコード。複雑で
CSS3の角丸表示を使おう。レガシーなWebブラウザにはこれで対応·Curved corner MOONGIFT
Curved cornerはレガシーなIEでもCSS3のborder-radiusを有効にするスクリプトです。 Curved cornerはCSS3で実装されているborder-radiusをIE7などのレガシーなWebブラウザでも対応させるためのソフトウェアです。多数のWebブラウザにも対応すればborder-radiusが積極的に使えるようになりそうです。 こちらはIE7で表示した例です。実際に角丸のCSSになっています。画像は使っていません。 こちらはWindows版Google Chromeでの表示です。CSS3に対応していますので問題ありません。 もちろんMac OSXでも大丈夫です。こちらはGoogle Chrome。 Firefoxでも大丈夫です。 種明かしをすると、IE7などのレガシーなWebブラウザの場合だけHTC（HTML Components）を読み込んで、そちらで挙
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT
CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 IEでもCSS3の恩恵を そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。 CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
