Ever since Lea Verou mentioned about the possibilities of CSS3 Gradients, I have been using them in various shapes and sizes as a replacement for background images. I recently worked on a project which uses a bunch of circles as a decorative background. gf3 suggested that the circles would look much better like bokeh. Today, I finally got down to creating them. Result Design of the Bokeh I referre

2011.1.13 15:44 3 tweets 塚本 PHP｜Twitter｜WordPress 最近流行ってるツイッターのカウンター付のツイートボタン・・・。 コーディング工房のエンジニアブログにも実装してみました！ しかし、実装したとは言っても、公式のツイートボタンやTOPSYなどはデザインを自由に変えられるものでは無かったので、公式のツイートボタンのJavascriptを軽く覗いて自分で作ってみました。 今回はその作り方をご紹介。 とりあえずWordpress用の作り方です。ちょっと応用するだけで何にでも利用できますが。 まず、function.phpに引数に指定されたURLが何回ツイートされているかを調べる関数を作ります。 Twitter公式のAPIにアクセスして取得するだけなのでとっても簡単。 function.php : function get_twitte

この記事の最初の公開後、さらに調査を続けていたところ、内容に不正確な部分があることがわかりましたので、訂正いたしました。詳細は本文中の追記・訂正をご覧ください。（2010/06/01） 先日、Google から、画期的なウェブフォントサービスの Google Font API が発表されました。既にたくさんの方々が、様々な実験をしたり記事を書いたりいらっしゃいますが、そんな昨日。 「Google Font API で日本語が表示出来ない」という話を小耳に挟みました。 もとより、Google Font API で提供されるフォントは現時点では欧文フォントのみで、日本語の字形データは含んでいませんが、仮にそうしたフォントが日本語を含む文字列に指定されたとしても、本来そこで期待されるのは「指定フォントで表示できない文字は、表示できる別のフォントで表示する」という挙動であって、真っ白になってしまう

Webfont Generator Usage: Click the "Upload Fonts" button, check the agreement and download your fonts. If you need more fine-grain control, choose the Expert option.

あなたが手助けできるその他の方法 私の書き物には不十分な点がたくさん残っています。私の文書をより読みやすくすることのできる人はどなたでも歓迎します。(または、別の言語に翻訳する人やより柔軟なフォーマットに変換したい人も。狩野は日本語版を作っています) 私は簡単なチュートリアルの PDF 版と HTML 版も作成しました。これも他の言語に翻訳できるでしょう (Web サイト全体を翻訳するよりはずっと楽な作業でしょう。翻訳をするつもりでしたら、ここに TeX ソースがあります)。HTML 版はドイツ語と中国語に翻訳されています。 UI も別の言語に翻訳できます。FontForge は今や GNU gettext を使うようになりました。 英語版は私が保守しています。 (私は、英国と米国の綴りの違いに気づいた差分を含む en_UK 版のファイルまで作っています) ロシア語版は Valek Fil

Appleをはじめ、最近脱FLASHの動きを見せており、FLASHクリエータとしても、今後どこに向かえばよいのかと、頭を悩ませる今日この頃ですが、そんな中、FLASHの代替方法として注目されているのがHTML５という技術なのです。もちろん、まだ普及するには時間がかかりますが、FLASHを超えるべくポテンシャルは存分に秘めており、WEB業界ではいつかFLASHがHTML５に抜かれてもおかしくは無いという空気になってきております。 ＜注意＞ これらサンプルはHTML5で作られております。HTML５が表示できないブラウザでは 閲覧ができませんので、ご注意ください。 HTML5についてはこちらを参考ください。 http://www.html5.jp/ ということで早速サンプルの紹介をします。 音が出るものもありますのでご注意ください。 Audioburst Animation音と、ドットが同調して

写真素材 イラスト フォトライブラリー 写真素材・イラスト素材・動画を高品質、低価格で。15万枚の画像を無料でダウンロード。クリエイターは画像を販売できます。 WEB 出版 動画 TV スマホアプリ CMに利用できるストックフォトです。クレジットの必要なし、期限なく利用できます。 アジサイ 新緑 世界遺産 料理 家族 女性が人気。

border-imageプロパティは、画像ボーダーについてまとめて指定する際に使用します。 border-imageプロパティでは、 border-image-source、 border-image-slice、 border-image-width、 border-image-outset、 border-image-repeatの各プロパティの値を、まとめて指定することができます。 省略された値はそれらの初期の値に設定されます。 現在のところ、個別のプロパティをサポートしているブラウザは無いようなので、画像ボーダーを実現する際には、border-imageプロパティを利用するのが一般的です。 border-imageプロパティでも、border-image-outsetの値はブラウザでサポートされていないようです。 画像は上下左右それぞれのボーダー用に４枚必要となるわけではなく、１枚

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