かしこくもなりたいし、女の子にもなりたかった。

とってもガーリーなゆるふわ愛され何でも屋を目指す、30代男性がお送りするファビュラスなブログ。

Web

WebAudio APIで効果音ならすライブラリを作ろう。

さて、ずいぶん大げさな書き出しになってしまいましたが、iOSのWebAudioAPI対応は、それぐらい素晴らしいものなのです。 何気に Audioタグを試した方はご存じかもしれませんが、audioタグは必ず1度クリックやタップのイベントで発火させないと音が鳴らないと…

切り抜いた輪郭に色が乗ってる素材を改善する方法(ベタ塗り編)

こんな画像、見たことありませんか? ほら。切り抜きが甘くてさ、周りが綺麗に抜けてない奴。 ガーーーーーッテーーーム!!!!!!! ってなりません?私はなります。 控えめに言っても○したくなります。 確かに元のパス付きデータがあれば話は早いんです…

女子力は、作れる。CSS3で。(はてなブログのデザイン改造編)

はい、タイトルの通りです。さっぱりですね?でも上のヘッダ、PCでみるとちょっとガーリーじゃないですか? いや、もともととってもゆるふわでガーリーでギザントカワユスなわけですが、正直、もうちょっと可愛く動いていてもいいなーとか思ったわけです。 …

jQueryの使い方を簡単に説明してみるなど

私が出入りしている某社のWebをメンテナンスしている部署の方々から「こういうのやりたいんだけど、出来る?」とコンテンツの開閉を見せられたりやら、「jQueryの本だけは買ってみたんだけど...」的な話をチラホラ聞かされたりなど、この手の事に興味を持っ…

CSSなblendingを試してみる等

こないだ見つけてこれは素晴らしいと一人大盛り上がりしていたCSS3のblend-modeについて。 このところnode-webkitでいろいろ映像絡みのオモチャを作っているので、主にその辺を前提にこいつを触ってみました。 なんなんそれ どんなもんなのかはこちらのサイ…

描き方一つでファイルサイズは変わる (PNG編)

PNG(orGIF)の描き方によるサイズの変化 いつの時代も画像ファイルは大きいものです。でもこうしたものを小さくする工夫を、保存時の減色ツールとか保存オプション以外知らなかったりする人、けっこういるんですよね。今日はPNGを小さくするtipsとして、ノ…

俺はclickイベントを書くように、tapイベントを書きたいんだ。

きっとこの少年だって、きっとパズドラとかで画面タップしまくってるハズ。 いや、あれどういうゲームかしらんのですけどね。そしてこれは単にGettyImages使ってみたかっただけですね、はい。 というわけで、タイトルのアレを書いてみました。 参考にさせて…

jQueryのanimateをキーフレーム打ちできるようにしてみるなど

jQueryのanimateを大量に書き連ねなくちゃいけないときが、あるんです。男には。 で、その上それがcallback地獄になってて、コードのど真ん中に美しいピラミッドが出来上がってたりするんです。 まあ、イケてないよね、正直。キーフレーム打てたらそれでそも…

CSSアニメーションのコールバックを簡単に済ませる方法を考える

CSSアニメーションはJavaScriptでのアニメーションと違いハードウェアの恩恵を受けれるので非常に負荷も軽くかつなめらかに動かせるという利点はあるものの、こいつはこいつでJavaScriptとの連携を取るに当たっては少々面倒な手段を取らざるを得ない事が度々…