![http://www.jthree.jp/](https://cdn-ak-scissors.b.st-hatena.com/image/square/af5294bb8f8efcb301f08e309f47c64d3c51b39d/height=288;version=1;width=512/http%3A%2F%2Fwww.jthree.jp%2Fimg%2Ftitle.png)
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生! 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
You asked for it, you got it: jQuery 2.0 has arrived! As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8. You can
1 月 24 日に開催された Kyoto.js meetup 4 で「jQuery のバグを見つけてから修正されるまで」と題した発表を行いました。 jQuery へのコミットに関して 2 行でまとめるとすれば次のようになるでしょうか。 jQuery のソースコードはショートコーディングの嵐なので心してかかる Contributing to jQuery と jQuery Core Style Guidelines は必読 発表の筋書きは以下の通りです。 jQuery のバグを見つけてから修正されるまで フォロー・ミー nanto_vi (TOYAMA Nao) 株式会社はてな アプリケーションエンジニア クライアントサイド (JavaScript) サーバーサイド (Perl) jQuery をバリバリ使っている Deferred イベント DOM 操作 ある日どこかで 街中にクリスマスの
ツイート jQueryの1.8 Beta1がきていたので軽く翻訳してみました。 間違いあったら教えてください。 http://blog.jquery.com/2012/06/22/jquery-1-8-beta-1-see-whats-coming-and-going/ 1.モジュール化 jQuery 1.8 では、必要のないモジュールを排除することができます。これはBen Alman氏の素晴らしいgrunt toolに基づいた新しいbuild systemで簡単に実現されています。カスタムバージョンをbuildするには、GithubからjQueryのcore repositoryをコピーしし、gruntオプションを使うことでモジュールを削除できます。(注:githubにサンプルが載ってるので見ればすぐわかります) 現在排除可能なモジュールは、ajax/css/dimensions/eff
2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)
Hi, I’m jQuery++. I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and c
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
Upcoming EventsThe OpenJS Foundation is proud to support our contributors and collaborators at events around the globe. Come see what we're up to! Speakers BureauNew in 2024, the foundation will allocate money to be spent on its collaborators to travel and speak at approved events. All users of the speakers bureau funds will be approved by the program committee. We welcome collaborators to self-no
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
Each language, and the countries that speak that language, have different expectations when it comes to how numbers (including currency and percentages) and dates should appear. Obviously, each language has different names for the days of the week and the months of the year. But they also have different expectations for the structure of dates, such as what order the day, month and year are in. In
pngやjpgのタイルマップからアニメーションを表示できるjQueryプラグインを作成しました。 [概要] ・pngやjpgのタイルマップからアニメーションを表示する事ができます。 ・再生スピードや、コマ数、ループ等が調整可能です。 pngやjpgのタイルマップからアニメーションを表示するスクリプトはblog.rettuce.comさんが既にを書かれていたのですが、今後何度か案件で使用するような気がしたので、jQueryプラグインとして纏めてみました。 blog.rettuce.com:アニメーションgifならぬアニメーションjpg/png 元ネタ:「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ デモに使用している画像はRPGツクールXPなどで使用する用の素材を配布しておられるkuriboさんのサイトからお借りしてきました [デモ] http://is8
HMTL5のタグを記述することでiOSやAndroidなどクロスプラットフォーム対応のWebアプリケーションを開発できるJavaScriptフレームワーク「jQuery Mobile」。先月、正式版となる「jQuery Mobile 1.0」が公開されたこともあり、モバイルアプリケーションの新たな開発環境として非常に注目されています。 PublickeyでもjQuery Mobileを利用してモバイル対応版Publickeyの開発を行った経験がありますが、これまでjQuery Mobileを作る際に頼りになる情報と言えば、オフィシャルサイトのドキュメントがほとんどすべてでした。 オライリージャパンから明後日、12月22日に発売予定の書籍「jQuery Mobile」は、こうした中で発売されるjQuery Mobileに関する待望の日本語書籍。監訳者の白石俊平氏よりご献本いただきました。 原
最近Androidとの抗争が激化しているago(@kyo_ago)です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 (※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です) セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
Today morning when i was struggling with a Jquery animation (for bubble effect), i wanted to move some elements( bubbles ) in a custom zig-zag path. With help of google i got idea that the sin wave can help me, i was trying to animate bubbles in a sin wave path. And finally i got it. I want to share it with you. Hope it will help you. Animatation for arcs and bezier curves with jQuery I got the jq
This is an outdated version! Supersized has been moved and updated to a more permanent home at the official Supersized project page. Check there for the latest release notes and features! If you are interested in this specific legacy version, you can download it here for now. Features Resizes images to fill browser while maintaining image dimension ratio No extra whitespace, no scrollbars – the en
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く