JavaScript | Branberyheag!! Lab

画像にbase64をかけてhtmlやCSSに埋め込む

10/26

isaoCSS, html5, JavaScript memo, Tips No Comments

画像にbase64（Data URIs）をかけてHTMLやCSSに埋め込む方法って、知らなかった。。。HTTPリクエストを減らせるので、軽量化に役に立ちそうだったので、メモ。

More

jQuery.Deferredってなんとなく便利のような気がする

09/30

isaoJavaScript JavaScript, memo, Tips No Comments

非同期で処理するときに処理の順番待ちと処理の予約、処理がうまくいったときと失敗したときの処理をいい具合にしてくれるものだと思う。。。

複雑な処理とかする場合は、使える。
どこかの案件で試してみようかな。

参考になったサイト

Google Maps APIでマーカーにGIFアニメーションが動かなくなるのを防ぐ方法

09/28

isaoJavaScript google maps api No Comments

Google Maps APIでGIFアニメーションマーカーを設置するときに、アニメーションが動かなくなることがあるようだ。その回避方法が書いていてあったので、めも。

More

history.pushStateできれいなURLを

09/13

isaohtml5, JavaScript memo No Comments

これは、従来だとhashタグを使って、URLを作っていたんだけど、このメソッドを使うとそれが必要ない。何気に便利。


<code></code>window.history.pushState(DATA, TITLE, [URL]);

これだけを定義しても戻るボタンを押しても戻らないので、popstateのイベントで取得する。


window.addEventListener('popstate', function(event) {

changeContents(location.pathname);

},false );

で取得して、画面遷移用の関数を用意しておくだけ。

文章だけだとイマイチぴーんと来ないので、あとで、検証をしてみることにする。

参考サイト

お仕事用サイト「Branberyheag!!.jp」をローンチしました〜

08/14

isaoJavaScript, wordpress JavaScript, jQuery, Tips, 作品 No Comments

お仕事用サイト「Branberyheag!!.jp」を公開。

最初は、自分のポートフォリオサイトを作るつもりなかったのですが、段々、システムが出来上がってくると、いい感じの完成度になってしまって、これを単純に公開するのも勿体ないなと思って、自分用のサイトにしてみた。

技術的な話をするとWordPressでできていて、カテゴリー、ページ、記事というようなシンプルな構成でできあがっている。ただ、ページ遷移は、なくてJQueryのload()を使って、HTMLを呼び出している。戻る、進むボタンを有効にするため、ハッシュタグをURLに組み込んで、あとはプラグインでの処理を行っている。

あとは、スライドショーは、Arrayに画像のパス、サイズをつっこんで、ページおくりしたときに呼び出している。DOMを操作して、消えたり出したりするよりは、処理が速いような気がする。

これを作ったときにいろいろとTipsが溜まったので、ネタを公開していきたい。

これ、フェーズ１なんで、もう少し手直しと機能を追加する予定。

以前やった、クライアント案件で、この技術を使えばもっといいものができたとこれを作りながら思った。いつか修正したいけどね。