Fan+
少し前に『jsdo.it』で手裏剣を作って遊んでたんですが、そのときのメモです。 最終的には全然違うものになってしまいましたが、色々と学べたので良しとしますw とりあず最終的に出来上がったものをどうぞ。Webkitブラウザなら大丈夫だと思いますが、一応Safariで見ることをお勧めします。 CSS3とJavaScriptで八方手裏剣 デモファイルをダウンロード 手裏剣はキャッチできますよ。 最初は要素を無限に回転させたかった<h1 id="rotate">R</h1>h1 { display: inline-block; margin: 40px; font-size: 80px; }var elm = document.getElementById('rotate'); var degree = 0; var maxDeg = 360; function r() { elm.style.
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
表を見てもらえばわかると思いますが、IEはほとんどサポートされていません。CSS3を使用するにあたって一番の壁がIEです。IE9でHTML5とともに対応させるとのことですが、それでもバージョンのシュアがあがってくるまでは扱いが難しいと言わざるをえません。 しかし、最近になって『Progressive Enhancement』という考え方が広まってきています。これは『新しい技術を積極的に利用してサポートブラウザのインタラクションの強化、ブラウザを使うユーザー体験の向上』を重要視した考え方です。新しい技術をブラウザのサポート不足のため導入できない、同一表示や機能を前提に制作しなければならない、といったクロスブラウザ考え方は、プラットフォーム(デバイス)の多様化している現在にはそぐわない、ということから広まってきたようです。 しかし、アクセシビリティが無視される制作方法も問題となることでしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く