Javascript・Ajaxのテクニックとトピックのまとめ

スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりまし...

HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげ...

最近話題の新言語『CoffeeScript』をとりあげた連載「CoffeeScriptによるモダンなWebアプリケーション開発」。今回からはベストプラクティス編として、CoffeeScriptでブラウザ向けJavaScriptを開発する際によく使われる実用的な開発手法を4回に分けて紹介します。Co...

By Mechanekton Googlebot(グーグルボット)とは、Googleのウェブクロール用ロボットのことで、Googleの検索用インデックスに新しいページや更新されたページを次々とダウンロードして回収していくための一連のプログラムとプロセスのことで、Googlebotによってインターネ...

Bootstrap、Hogan.js、Finagleなど 注目のTwitter系オープンソース Twitter Tokyo Open Houseまとめレポート 山本裕介 2012/5/15 「Twitter Open House」はTwitter社のエンジニアと直接情報交換ができるオフラインイベン...

グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリ...

Real Shadow: jQuery Plugin that casts photorealistic shadows マウス位置が光源となりオブジェクトに陰影をつけるjQueryプラグイン「RealShadow」。 マウス位置に応じてオブジェクトの影がアニメーションし面白い効果を得ることが可能...

『 ブラウザサイズに合わせて背景画像などをフィットさせるjQueryフルスクリーンプラグインいろいろまとめ6つ（動画・全画面スライドショー）-W3Q-はてなブックマーク-人気エントリー-コンピュータ・IT 』

しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、...

タブ空文庫はタブブラウザ用の青空文庫リーダーです。ブラウザのタブにテキストがスクロール表示されるので、他のサイトを見ながらでもチラチラと作品を読むことができます。タブ空文庫はタブブラウザ用の青空文庫リーダーです。 ブラウザのタブにテキストがスクロール表示されるので、他のサイトを見ながらでもチラチラ...