WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
jQuery Lazyloadプラグインで遅延読み込み - Qiita
<%= javascript_include_tag "jquery" %> <%= javascript_include_tag "jquery_lazyload" %> <script> $(function(){ $("img.lazy").lazyload({ effect: 'fadeIn', threshold: '200' }); }); </script> <img src="loading.gif" class="lazy" data-original="hoge.png" width="200" height="200"> jQueryとlazyloadプラグインを読み込み上記のようなスクリプトを書けば、lazyクラスを持つ画像が遅延表示される。 注意点としては、img要素のsrc属性にはダミー画像を書いておき、本物の画像ファイルをdata-original要素に書いて
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 – Jxck Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library と呼びます。 この、Hosted Libraryの導入を単純に「自分で配布しない分が楽になるだけ」、くらいな感覚で使っている方も多いと思います。しかし、実はこれはみんなが使えば使うほど、得をする仕組みになっていることを見落としてはいないでしょうか？ 今回はそんな、Google Hosted Libraryについて、その仕組となるCDNやキャッシュの技術などについて解説します。 よくある Web ページ 例えば自分が配信するindex.html内でjquery.2.0.3
タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js
タップ、ダブルタップ、ピンチや 長押しなど、タッチデバイス特有 のイベントをサポートしてくれる JSライブラリ・Hammer.jsのご紹介。 2KBと軽量なのでいつか使うと思っ て記事にしておきます。 jQuery依存みたいです。 ある世代にはなつかしいと思う方がモデルとして登場してます。 サポートしてるイベントはタップ、ダブルタップ、ピンチ、ドラッグ、長押しの5イベント。 動作テストはiPadでのiOS5、iPhone4でのiOS5、Samsung Galaxy SのAndroid 2.3.3とGoogle Chrome 17だそうです。僕は3GSなんですが、一応動いてました。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></
jQuery Unveil - A very lightweight plugin to lazy load images
Most of us are familiar with the Lazy Load plugin by Mika Tuupola. This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won't be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute. If you're not gonna use any of t
FacebookのGraph APIを使った時に付いてくる"#_=_"とjQuery Mobile
androidアプリを暇つぶしで作っておりまして、その記録です。 最近、iOSアプリとかIoTとかにも手を広げ始めたので、ブログタイトルに「とか」を入れました。 「やりたいことを我慢しなくてよい世の中にしたい」という思いで仕事に取り組んでいます。 FacebookのGraph APIを使って認証をして元のページに戻ってきた時に、URLパラメータに"#_=_"という謎の文字列がくっついてくるときがあります。 常に付いてくるわけではないのが厄介で、getLoginUrlの引数にredirect_uriがないからとか書いてるところもあるけど、ちゃんと書いてても付いてくるときがあり、結局取れないよね、というのが共通認識らしい。 で、大概の場合、それが付いていても影響はないけれど、jQuery Mobileを使ってる時に画面が表示されなくなる（正確には、レンダリング中に処理が止まる）問題が出たので、
jQuery UI and Windows 8 and Internet Explorer 10 touch screens – The Problem Solver
I recently did a blog post describing how to enable the jQuery UI drag effects. In this post I showed how to get the draggable effect to work on an iPad. While that works just fine it isn’t the end of the story. Microsoft has shipped Windows 8 and Internet Explorer 10 and the jQuery UI draggable effect doesn’t work there as is. The solution Fortunately the solution is a lot simpler and doesn’t req
jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ
白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ（プラグインの集積場）が公開されました！ URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開
レガシーブラウザを切り捨てたjQuery 2.0、どれくらい小さくなった？
jQuery 1.9が正式リリースされましたね！ で、同時にjQuery 2.0 β版がリリースされました。 この二つのバージョンの違いは、サポートブラウザの違いです。 jQuery 2.0は後方互換性を切り捨てて、IE6-8では動作しなくなった代わりに、内部のリファクタリングやファイルサイズの縮小を狙っています。 デスクトップブラウザ以外を対象としている場合、2.0は非常に魅力的な選択肢となることでしょう。 そこで気になるのが、「jQuery 2.0はどれくらい小さくなったのか？」という事です。 ただし、jQuery 2.0はまだまだ開発途上で、リファクタリングやサイズ縮小の余地はまだまだあるとのこと。 なので、jQuery 2.0の新しいリリースが出るたび、結果は更新して行きたいと思います。 jQuery 1.9, 2.0, zepto.js,そしてjqMobiを比較してみる
独学でコーディング！ - a-newcomer.com
ここ数年、会社を辞めて自分のペースで仕事を請け負うフリーランスという形態で仕事をする人が増えています。フリーランスには様々な職業があり、代表的なものでは翻訳業やイラストレーター、YouTuberもフリーランスに分類されます。そして代表的なフリーランスの職業がもう一つあります。それはプログラマー/エンジニアです。そのプログラミングの大部分を占める工程がコーディングであり、知識と技術を身につければ、憧れのフリーランスに鞍替えすることも夢ではありません。 それではコーディングの知識と技術を取得するにはどのようなルートがあるのでしょうか？現実として学校に通うか、プログラミングを請け負う会社に入社するか、あるいは独学で取得するかのいずれかを選択することになります。そこで今回は最も費用の少ない独学でコーディングを学ぶ方法を紹介したいと思います。 独学でコーディングの知識と技術を身につけるには まずはプ
jQuery 1.9 β1リリース、移行支援プラグインを提供
jQuery次期バージョンのβ版となる「jQuery 1.9 β1」が12月17日にリリースされた。「今回は多数の変更を行ったので、これまで以上にテストしてもらう必要がある」と呼びかけている。 jQuery 1.9では、過去の数バージョンで必要性が薄いと判断した項目が多数廃止された。そこで、移行支援のためのプラグイン「jQuery Migrate」を導入。既存のコードを変更することなく実行できるよう、廃止・削除された機能の復元を可能にするとともに、古くなった機能に依存しているコードがあれば警告が表示されるようにした。 jQuery 1.9の変更はすべてjQuery 2.0に引き継ぐ予定だといい、jQuery Migrateプラグインはその際も利用できるようにする。ただしあくまでも一時しのぎ用のプラグインなので、新しい作業には使うべきではないとしている。 また、開発バージョンのブラウザコンソ
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy - かちびと.net
タッチイベントによるホイール スクロール等を可能にするjQuery のプラグイン。ラッチ（ｶﾁｶﾁ感） の無い、慣性ホイールスクロール も実装可能です。ドラッグや フリックなども対応してるみたい。 ラッチの無い慣性ホイールスクロールをタッチデバイスで実装出来る、というスクリプト。タイトルはアレですが、そのほかスワイプなどにも対応しています。 慣性ホイールスクロールを可能にするライブラリ。それ以外のタッチイベントにも対応していますが、特にホイール操作が気持ちよかったです。 以下サンプル。※タッチデバイスのみで動作します。 Sample コード <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.touchy.js"></scrip
FirefoxでOfffsetX、OffsetYを実現する。 - コンピュータクワガタ
jQuery.Eventオブジェクトで持っているプロパティはpageX、pageYである。その他に、標準のeventもコピーされているので、いろいろ持っているが、それは以下のサイトが詳しい。 http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter05/013/index.html 上記サイトで、FirefoxでoffsetX、offsetYに対応していないことが確認できる。実際に試しても動作しない。 まず、使いそうな座標指定を以下にまとめる。 プロパティ 説明 pageX pageY ドキュメント内の相対座用を示す。 clientX clientY 表示されているウィンドウ内の座標を示す。 screenX screenY PC等の表示している端末上の座標の絶対位置。 offsetX offsetY イベントが発生した要素内の座標
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
SWFObjectとjQueryでHTMLを汚さずにFlashを埋め込む :: Lunatic-Code
ちょっと前は一時期そこらじゅうの企業や店舗のHPのトップに 巨大なFlashが張られていたり、 メニューそのものがFlashで作られてて、 非Flash環境じゃリンクたどれねーよハゲとか、 しょうもないイメージ映像見るために いちいちプラグインのインストールさせるんじゃねぇ！とか思ってたんですが。 Youtubeのおかげかどうか知りませんが、爆発的にFlashが普及したおかげで、 最近またそんなサイトが増えてきた気がします。 とはいえ、アクセシビリティやSEOの点から考えると、 バージョンアップを促されたり、 最近のIEの場合だと警告が出てきたり、 ページのアタマにダラダラとFlashの埋め込み構文が書かれていたり、 と、鬱陶しいことこの上なし。 Flashそのものを見せたいのじゃなければ、 非対応環境のユーザーにはただの画像やプレーンなテキストで情報を提供すべき、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ququplay/jquery-mobile-flat-ui-theme: jQuery Mobile Flat UI Theme
GitHub - ququplay/jquery-mobile-square-ui-theme: jQuery Mobile Square UI Theme
Internet Explorer デベロッパー センター
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
