404 Blog Not Found:javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた

2012/09/06 93 users JavaScript threshold canvas 要点

ざっとこんな感じです。img中の画像にradiusとthresholdで指定されたとおりに bilateral filter をかけ、結果をData URIとして帰します。画像操作には使い捨てのcanvasを使っています。canvasに関しては「HTML5 Canvas」が参考になりました。この場を借りて献本御礼。 要点と感想 アルゴリズムの実装そのものは簡単でした。以下のページのおかげです。 A... 続きを読む

クールな通知件数表示のCSSデザインサンプル:phpspot開発日誌

2012/06/28 32 users phpspot開発日誌 タブ マークアップ 感じ 画像

Menu with Notification Badges CSS Snippet | WebInterfaceLab クールな通知件数表示のCSSデザインサンプル。 タブの上にずらして件数表示を分かりやすくクールにデザインしたCSSデザインサンプルです。 色が色々あっていいですね。 マークアップもこんな感じで簡単です。 画像ではなくCSS3デザインなのでradius変えたい場合もちょっと触ればO... 続きを読む

AppleのナビゲーションをCSS3で実装するチュートリアル:phpspot開発日誌

2012/03/19 31 users チュートリアル phpspot開発日誌 ナビゲーション 動作

Apple Navigation with CSS3 | Design in Development AppleのナビゲーションをCSS3で実装するチュートリアル。 おなじみのAppleのヘッダーナビゲーションをCSS3で再現したものが公開されています マークアップは以下のように超シンプル CSSのradiusやgradientによって実現されており、クリックした際の動作も再現されています。 関連... 続きを読む

これは新しい、回転する円形のイメージギャラリー実装サンプル:phpspot開発日誌

2011/11/28 34 users 円形 phpspot開発日誌 rotate SVG div

Image Gallery Wheel 記事 これは新しい、回転する円形のイメージギャラリー実装サンプル。 divを並べた簡単なマークアップなのに以下のような複雑なレイアウトを作れています（画像ではありません） svgを使ってマスク処理されていることで画像のマスキングは実現されているようで、更にradiusやrotateなどを使ってアニメーションも実装されています クリックでアニメーションしながら... 続きを読む