ネットに詳しくなりすぎて重要な事を見落としていませんか？ | らふらく^^ ~ブログで飯を食う~
ネットに詳しくなると、重要な事、世間では当たり前の事が見えなくなってしまいます。まだIEを使い続けている人は多いです。キュレーションアプリは意外なほど使われていません。こうした事実に気づいていますか？ 僕たちはネットに詳しくなりすぎている Sandy surfin the net / RobEBowen 最近、サービス運営者の方々とお話ししていて気づいていたのですが、僕たちはネットに詳しくなりすぎて色んなことを見落としてしまっています。僕は前職Web系の会社にいたため、Webサービスが好きです。 新しくリリースされたサービスはまず使ってみますし、Webサービスカテゴリがあるくらいですからサービスに対して考察するのも好きです。なので、自然とWebサービスなどネットの知識は豊富になります。 しかし、ネットに対する知識が豊富になればなるほど、マニアックな方に向かってしまい、自分がマイノリティにな
[ZB] CSS3のトランジション（transition）をコピペでどーぞ。 - ZAWABLOG
transition効果で時間差表現 使えるブラウザがまだ少ないけど、transitionプロパティを使えばかなりリッチな表現が出来ちゃいます！ マウスオーバーで動かしたり、色をじわ〜っと変えたり、消したり。 jQueryもFlashも使わずにCSSだけでできちゃうぜー！ コピペして、値をいろいろいじくって覚えちゃいましょう！ ※スマートフォンでの閲覧は、うまく表示がされない場合があるのでできたらPCで閲覧してください。 使えるブラウザを確認しよう。 こんな便利なtransitionプロパティですが、まだまだ使えるブラウザが限られてます。というかie以外で使えます。 2013年現在は次のブラウザで利用可能です。 transitionプロパティは、Safari、Chrome、Firefox、Operaで使えます。 もし今、InternetExplorerで見てる方は、よかったら対応してい
Chrome、FF、IE等クロスブラウザで使えるブラウザキャプチャツール「qSnap」:phpspot開発日誌
qSnap Chrome、FF、IE等クロスブラウザで使えるブラウザキャプチャツール「qSnap」 単に画面をキャプチャするだけではなくキャプチャした画像にテキストを入れたり切り抜いたり編集した後に、サイト上にシェアしたりローカルに保存できるというもの。 サイト制作の共同制作ツールとして活用できそうです。 関連エントリ PHP,Ruby,Node.js等のサーバサイドのデバッグをChrome上で行える「Chrome Logger」 あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」 WEBページ構成ファイル保存と同時にリロードできるChrome拡張「Tincr」 CSS3でChrome風ウィンドウを作成するチュートリアル
背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り
“ＭＳ Ｐゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の２つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf
jQueryのクロスドメインAJAXをIEに対応させる - GeekFactory
XMLHttpRequest Level 2 に対応しているWebブラウザは、（ある条件下で）異なるドメインにAJAXリクエストを投げることが可能です。jQueryでは以下のように書けます。 $.ajax({ context: this, type: 'POST', url: 'http://www.example.com/hoge', /* 異なるドメイン */ data: something, dataType: 'json', success: function (v) { alert(v); } }); ただし、このコードは Chrome, Safari, Firefox 3.5+ でのみ動きます。IE 8+ で動かすには XMLHttpRequest の代わりに XDomainRequest を使う必要があります。jQueryは今のところ XDomainRequest に対応して
JavaScriptにおける引数や配列の要素数の制限について
JavaScriptにおける、引数や配列の要素数の制限について調べましたので、本エントリーで紹介します。 １．問題点 数万という、大量の要素をもつ配列を扱うJavaScriptプログラムを作りました。 <script> var foo = new Array('1','2','3','4','5'... ); // 数万の要素をもつ配列 </script> このプログラムをGoogle Chromeに読み込ませると「Uncaught SyntaxError: Too many arguments in function call (only 32766 allowed)」というエラーに遭遇しました。 ２．原因 これはブラウザのJavaScriptエンジンに依存する制約のようです。対処方法はないようなので、この範囲を超えない実装に変更する必要があります。 次の部分でこの制約にひっかかることを
CSSでカーニング（文字詰め）等を可能にするJSライブラリ・kerning.js - かちびと.net
3連休も今日で最後ですねー。今日は ゆっくり過ごす方も多そうですね。 さて、休みですし、ちょっとネタ的 なライブラリをご紹介。カーニング をCSSで出来るようにしたJSライブラ リです。 jQueryやmootoolsなどにも依存していないようです。これだけ聞くとかなり使えそうなんですけど。でも個人的にこういうチャレンジは称えたいので敬意を示すつもりで記事にします。 CSSで出来る、と言っても独自の記述法を加える事でテキストコンテンツでのカーニングを実現するタイプなので好みが分かれそうですね。 まだちょっとよく分かってないんですけど適当にデモ作ってみました。一応違いが分かるように少し大袈裟にしたつもりです。クオリティは無視です。 ※右上でjsのオン/オフが出来ます。Chrome推奨 Sample css #example01 {/*文字詰め*/ -letter-kern: 1px 1px
[CSS3]面倒なCSS3、linear-gradientを使いやすくまとめてみた | バシャログ。
こんにちはLatinです。 今年も残す所、あと11ヶ月となってしまいましたが、やり残しのないよう頑張ろうと思っております。 今回はCSS3のグラデーションにまつわるエントリーです。 ハッキリ言って面倒くさい！ さてCSS3のグラデーション「linear-gradient」なんですが、はっきり言って面倒です･･･。 今はCSS3のジェネレータもたくさんあるので、それらを使うのもいいのですが、足りない分のベンダープレフィックスを探したり、filter やら毎回ググるのが非常に面倒！ 且つ、ボタンなどに、gradient と border-radius を併記した場合、IE9 での表示が若干おかしくなってしまいます。 詳細は下記に記載しますが、今後サクッと使えるように備忘録がてら、簡単にまとめておこうと思います。 CSS スニペット（修正前） .btn { border-radius: 4px;
![[CSS3]面倒なCSS3、linear-gradientを使いやすくまとめてみた | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
jQueryで画像のWidth,Heightを取得する。 - funxion
jQueryで画像のサイズを取得しようとしたらChrome,Safariで取得出来なかったからメモ。 Firefoxではこれで取得出来たのですが、(IE6以上、Operaもこれでオッケーみたいです。) $("img").width(); $("img").height(); ChromeやSafariではwidthもheightの値も0になります。 原因は画像を読み込む前に値を取得していることみたいです。 なので、 $("img").bind("load",function(){ $(this).width(); $(this).height(); }); 因みにbind()の使い方は $("hoge").bind("イベント名",function(){}); 詳しくはjQuery日本語リファレンスで。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://temog.info/archives/programming/jquery-ajax-crossdomain.html