タグ

2017年3月10日のブックマーク (3件)

  • Ajax クロスドメイン with jQuery - satosystemsの日記

    jQuery で Ajax を行うのにあたり、同一ドメインにアクセスする際には問題ないけど、違うドメインにアクセスしようとする場合、何らかの対応が必要になります。 対応方法が3つあるので、簡単にまとめておきます。 ベース実装 まず、今回のエントリのベース実装はこんな感じです。 <html> <head> <script src="jquery-2.0.3.min.js"></script> <script> $.ajax({ url: 'http://www.ekidata.jp/api/l/11302.json', type: "GET", success: function(res) { console.log(res); } }); </script> </head> <body> </body> </html> これをローカルに任意の名前で保存し(jQuery のダウンロードも忘れ

    Ajax クロスドメイン with jQuery - satosystemsの日記
  • jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い

    jQueryだけで他のサーバーのコンテンツを読み込もうとすると、クロスドメインの制限がついて回ります。なぜJSONではなくJSONPを使わなければならないのか確認し、他の解決策も検討してみましょう。 ※記事は2016年7月15日に掲載した記事の翻訳を一部更新したものです。執筆時点の情報をベースにしており、最新ではない可能性があります。 Webベースのアプリケーションを開発し、権限のないドメインからデータをロードしようとすると、おそらくブラウザーの画面に以下のようなメッセージが表示されているはずです。 XMLHttpRequest cannot load http://external-domain/service. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘h

    jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い
  • CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10 - コムテブログ

    TL;DR ここ最近画像や動画を使ったエフェクトも増えてきましたが、シンプルにテキストだけ動かしたりデコレーションすると結構洗練された見え方になります。もちろん画像や動画の上に動きのある文字を配置しても面白いです。ということで今回は CSS のみで実現するテキストを動かしたり飾り付けたりするコードをまとめました。 透過処理で文字のくり抜き background-clipプロパティは背景の範囲(ボックスモデル・ボーダーボックス・パディングボックス)に表示するか指定します。このプロパティは文字で背景を切り抜くことが可能ですが、-webkit-background-clip: text;と-webkit-text-fill-color: transparent; 指定することによって文字が透明になり、文字下の画像が見え、背景をくり抜いたような形を表現できます。 .foo { -webkit-ba

    CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10 - コムテブログ