CP B | Advertising & Design Factory
When it comes to communicating effectively, building a brand, making something famous or creating a cultural phenomenon of any type, the old rules no longer apply. In today’s world, creating anything worth a damn means focusing every ounce of energy not on what has come before, but building the new. This is what we believe at Crispin Porter + Bogusky. We are new era creative thinkers and makers.
JavaScriptコーディングに関するテクニックやパフォーマンス等のリファレンス集:phpspot開発日誌
最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7のgetElementByIdで起こる問題を避けるためのTIPS集。 How to add a CSS Link programmatically using JavaScript <link>タグをJavaScriptによって動的に作成してCSSを動的に設定するコード例 JavaScript CSS Selector Benchmarks CSSセレクタでDOMにアクセスする際の各フレームワークでの速度ベンチマーク比較 6 Ways To Wor
JSONPを使ってJavaScriptだけでマッシュアップ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。
[JS]既存のテーブルにソート、ハイライト、分割機能などを追加できるスクリプト
既存のテーブルにソート、ハイライト表示、データ分割、ページネーション機能を追加できる、高性能な超軽量（2.5KB）スクリプトをLeigeberから紹介します。 TinyTable JavaScript Table Sorter demo このスクリプトは、以前紹介した「設置も簡単なテーブルのデータをソートする超軽量のスクリプト」のバージョンアップ版で、主な機能は下記の通りです。 既存のテーブルに簡単に設置が可能。 2.5KBの超軽量スクリプト（他のスクリプトへの依存無し）。 列を交互に自動ハイライト。 選択した行のハイライト。 データの表示件数をコントロール。 分割したデータのページネーションを設置。
jQueryでXMLを操作してみる２
以前に、XMLをjQueryで扱う勉強をした「jQueryでxmlを操作してみる」というエントリーを書いたのですが、なぜか今でも検索で見に来る人が多い…そんなにニーズがあるんだなーと、毎月驚いています。 今回は、先日エントリーした「ExcelをXMLで書き出したものをWEBで扱う時の注意」で書いたように、Excelで作ったデータをXMLで書き出し、そのデータを利用したサンプルでも一つ紹介してみようかなと思います。 XMLデータ 今回のXMLのデータは簡単に出来るようにExcelを使って書き出してみようと思います。Excelデータは簡易的に下記のように作ってみました。 このデータを保存するときにXML形式にして保存する。書き出して文字コードを加えたデータは下記のようなものになる。データは一部だけ表示しています。 ■今回利用するXMLデータ(一部省略) <?xml version="1.0"
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」:phpspot開発日誌
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」 2009年02月19日- xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」が公開されました。 次のようにしてファイルを一括読込みの後、loadメソッドが実行できます。jQueryプラグインです。 $.xLazyLoader({ js: ['ui.core.js','ui.dialog.js'], css: ['ui.core.css', 'ui.dialog.css'], image: ['your_image.jpg', 'your_image1.jpg', 'your_i
csv2tablejQuery でCSVをテーブル表示
あと、最近のブログはここ JavaScript++かも日記 Facebookの仮想通貨Libra/Diemが来春リリースらしいので久しぶりに触ってみてます Facebookの仮想通貨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSのリセット方法 Reset the CSS ( default style sheet of csv2table ) csv2tableのデフォルトCSSをリセットし、自由にCSS設定する。 このページに$.csv2table.cssReset(
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
FlashではなくjQueryで！インパクトのあるUIを作ろう (1/5)
もう間もなく投開票を迎える米国の大統領選挙。候補者である共和党のジョン・マケイン氏、民主党のバラック・オバマ氏の両者のWebサイトを見ると、インターネットを重要な選挙ツールとして位置づけていることが伺えます。ネットを使った選挙活動が制限されている日本とは事情が異なるせいもあるでしょうが、両者ともに公式サイトの充実ぶりがすごいのです。ブログや動画の活用は当たり前。グッズのネットショップや、サポーター向けのコミュニティ機能など、ちょっとしたポータルサイトのような凝った作りです。 そんな気合の入ったWebサイトだけに、デザインの面でも参考になる面が多々あります。今回は特に、Ajaxを活用したユーザーインターフェイスを持つ、オバマ候補の公式サイトをお手本とさせていただきましょう。 今回のお手本サイト： 『Barack Obama and Joe Biden』 11月4日に開催される米国大統領選挙に
jQuery ListNav Plugin – iHwy Web Services Company
This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indi
jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示するまで - F.Ko-Jiの「一秒後は未来」
梅酒.inの「梅酒がウリな飲食店」にてLightBoxを実現していることを前回説明しました。今回はさらに、jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示させる方法を説明をします。 ↑ こんな感じ。(昼間の写真なのがちょっとあれですが) ここではjQueryを用いているので、レスポンスのフォーマットとしてJSONPが利用できるホットペッパーのAPIを利用しています。 なお、jQueryのリファレンスは「jQuery 1.2.6 日本語リファレンス」が詳しいです。また、jQueryでJSONPを使う方法は「jQuery で JSONP ２通り – てっく煮ブログ」にて紹介されていたので、そちらを参考にやってみました。 また、ストリートビューをGoogle Maps APIから使う方法は「Google Maps API – Google Code (日本
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
JSONとJSONP
JSONとJSONP ネタ元：JSONについての勉強メモ：外部URLから呼び出せない。どうやったら・・・ JSONやJSONPを利用したJavaScriptでのデータをの取り扱い方です。 JSONの場合 JSONはJSONについての勉強メモで書かれているようにデータをオブジェクトとして記述しておく方法です。 var jsonData ={"users": [ { name: "hamu", age : 24, language:["XHTML" , "CSS"] }, { name: "h2", age:25, language:["PHP" , "Java"] }, { name: "hoge", age:26, language:["JS" , "jQuery"] } ]} とJSONを定義しておけば、 for(var index in jsonData.users){ documen
jQueryでRSSを読み込む - MotuLog
久々の更新ですが、jQueryネタを。 お持ちでない方は以下、ダウンロードページで。 http://docs.jquery.com/Downloading_jQuery#Download_jQuery jQuery単体ではxmlの解析ができないようなので、jFeedなるものを使用します。 jFeed: JavaScript jQuery RSS/ATOM feed parser plugin ファイルを開くといっぱい入っていますが、とりあえず「build/dist/jquery.jfeed.pack.js」だけで動くようです。もちろん「jquery.js」も必要ですが。 外部サイトのRSSを取得して表示する場合は、内包されている「proxy.php」も使用します。 すごく簡単で便利です。 <html> <head> <meta http-equiv="Content-Type" conte
xingxx - RSSリーダーはJavascript+jQueryでたった14行で作れる
思いつきで、そっけないトップページに、jQueryをつかってRSSリーダーを作ってみた。 MTが出力しているXMLを取得して、エントリーのタイトルを表示している。 そうえいばjQueryは1.2.6にバージョンアップして、実行速度が２倍くらい上がったということだ。体感はそんなでもないけど。。 jQueryのいいところは、なんといっても手軽さだろう。思いついたことを手軽に実現できるのはクリエーターにとって有難い。Ajaxという概念の敷居を低くできているのも、こういったライブラリの恩恵に預かっているからといえると思う。 こんなにも手軽に、たった約10行たらずでRSSリーダーを作れる時代になったことは喜ばしい。 まぁ、これがクロスドメインだったら、ハナシは別なのですが、、 以下、ソース $(function(){ $.ajax({ url: "blog/atom.xml", cache:
Ajaxと戻るボタン・ブックマーク - みかログ
サイトを普通にAjaxを使って作ると，ブラウザの戻るボタンが使えなくなったり，ブックマークができなくなってしまう． サイトの中の一部（たとえば商品情報）をAjaxで差し替えるようなケースでは，これが結構使い勝手を悪くしてしまう． location.hashを使ったセッション復元＠最速インターフェース研究会 の記事をみて，location.hashでできそうなことを知ったけれど，どうもIEではうまく動かない． さらに色々調べてみると， Fixing the Back Button and Enabling Bookmarking for AJAX Apps というような情報を発見． IEの場合は，location.hashの代わりにiframeを使えばできる模様． ブラウザごとの挙動をまとめると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/01/slide.html
ShopComposition
IBM Developer
http://e0166nt.com/blog-entry-440.html
