HTML5 Canvasでいろいろな線を描くテクニック集

これはメモしておかねば・・・。Canvasでいろいろな線を描くためのテクニック集ですね。参考になります。 ↑ シンプルな線から始まって・・・。 ↑ ちょっとぼかしたり・・・。 ↑ イガイガしてみたり・・・。 ↑ こんなのも。 他にもいろいろありますし、自分でも試すことができますよ。お絵かきソフトなどを作るときに参考にしてみてくださいな。 » Perfection kills » Exploring canvas drawing techniques

Bootstrap3でメガメニューを実現する『Yamm Megamenu』

これ、ちょっといいかも・・・。コンテンツが増えてきたときに使えるメガメニューをBootstrap3で実現するプラグインですね。 ↑ こういうのですな。 ↑ サムネイルメニューも入れられます。 ↑ ちゃんとグリッドシステムになっています。 Bootstrapを見ながら自作するのも大変ですからね・・・。こういうプラグインを賢く使わせていただきたいところです。 » Yamm!3 Megamenu for Bootstrap3

WebGLで海面のシミュレーション

最近、WebGLに興味があるのでご紹介。とはいってもシンプルな海面のシミュレーションですが。 ↑ Chromeで見るのがおすすめかな。 風向きやらも調整できますね。こういう3Dアニメーションもブラウザで実現できる時代かと思うと感慨深い。そろそろThree.jsとか勉強してみよう。 » Ocean Wave Simulation

数字をスクロールさせるCSS

カウンターなんかにいいのではなかろうか。 ↑ こういうやつですね。 ちなみにCSS単体で出来るわけではなく、CSS3のアニメーションを使いつつ、数値の書き換えはJavaScriptで行っていますね。勉強にもいいのではないでしょうか。詳細は以下からどうぞ。 » CSS Number Scroll