あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回

ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone

こんにちは、ホップスの辻です。 最近HTML5について、ちょこちょこ調べてたりします。 そんな中面白いプラグインが公開されたので紹介したいと思います。 AdobeのIllustratorからHTML5のCanvasに変換するプラグイン「Ai2Canvas」です。 CanvasはJavaScriptで画像を描画する仕組みで、SVGにちょっと似てますね。 いままでは自分で計算した数値を入力しながら作成しないといけませんでした。 これは非常に手間がかかり、面倒でした。 しかし今回公開された「Ai2Canvas」を使う事により、 結構複雑に書かれているIllustratorのパスでもボタン一つで書き出し、 ブラウザで確認する事ができます。 ■Ai->Canvas http://www.visitmix.com/labs/ai2canvas/ インストール方法 インストールは簡単です

先日、CSS3入門の手始めとして、border-radius を使ってみた。今日はその続き。border-image を試してみる。 border-image は border-radius と同様、CSS3の新しいプロパティで、ボーダーに画像を適用する。「ボーダーに画像」というのがいまいちピンとこなかったのだが、使ってみるとこれはなんとも便利だ。 デモページはこちら。 今回は素材として画像を使うが、適当な画像ではちょっとわかりにくいと思ったので、なるべくわかりやすいサンプル画像を用意した。 基本的な使い方 基本的な使い方は次のようにする。 .borderimg01{ border-image: url("border-image.gif") 40 / 40px stretch; -moz-border-image: url("border-image.gif") 40 / 40px st

Create now your custom border image CSS Border image generator allows programmers and developers to draw an image on the borders of an element. It provides room for efficient and perfect design. It is very complex to do it by yourself, you need this generator to assist you and it is a bit frustrating to properly take by hand. Though it is tricky, it allows users to create flexible borders with a s

↑CSSだけでこんな感じに上下中央揃えを実現させるテクニックです。下記の3つの方法を紹介します。 ・1行のみのテキストを中央揃えにする場合 ・2行以上のテキストまたは画像を中央揃えにする場合 ・高さが決まっていない要素を中央揃えにする場合 1行のみのテキストを中央揃えにする場合 <!-- HTML --> <div> <p>1行のみのテキストに有用</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1行のみのテキストを中央揃えにするサンプル line-heightは行間のスペースを制御するプロパティです。なので、2行以上の文などには利用できません。1行だけの場合には簡単に実装できる有用な方法です

Kaisar189 adalah situs sensasi game online yang aman, andal, dengan bonus dan promosi luar biasa.

ソフト詳細説明 ■概要 CanvasChanger from SVGは Illustrator(R) や Inkscape 等のドローソフトで作成した絵や図（SVG形式）を、HTML5の仕様の一つである「Canvas」に変換するソフトです。 JavaScriptを使ってWebブラウザ上に絵や図を描くCanvasに敷居の高さを感じている方も、本ソフトウェアを使用することで、簡単にCanvasで絵や図を描くことができます。 ■変換の流れ 1. Illustrator(R) や Inkscape 等のドローソフトで作成した絵や図をSVG（プレーンSVG）で保存します。 2. 「CanvasChanger from SVG」を起動し変換するSVGファイルを指定、Canvasへの変換を実行します。 ※変換に対応している要素の詳細は、ソフトウェアの添付文書をご覧ください。 ■動作環境 動作には Mic

Version 1.4. Made by Mike Plate @mikeplate Source code on GitHub User interface made with Dojo Reference of CSS3 capabilites from Where can I use and QuirksMode Icons from Farm-Fresh Web Icons Font stacks selected from A Way Back Clipboard copying with Zero Clipboard No copyright. Use everything in any way you like. Use this web application to experiment and learn about new css3 capabilities. The

お問い合わせ Tel：0584-91-3700 〒岐阜県大垣市荒尾町1283-1 FAX：0584-91-3650 E-mail：syamusyo@mikubi.or.jp 御首神社携帯サイト http://www.mikubi.or.jp/i/