kanazawa.js v1.0 〜JavaScriptコトハジメ〜(2011年2月5日開催)で使用したスライドです。
kanazawa.js v1.0 〜JavaScriptコトハジメ〜(2011年2月5日開催)で使用したスライドです。
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). Download, view the examples, and enjoy. You opened this page when you opened the page. (This will update every minute. Wait for it.) This page was last modified sometime before now [browser might not support document.lastModified]. Ryan was born Dec 18
Deferred Objectとは jQuery.Deferred, introduced in version 1.5, is a chainable utility object that can register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. Deferred Object – jQuery API 「jquery1.5からの新機能で、複数のコールバック関数をキューに保持・実行でき、どんな同期・非同期の関数の成功・失敗などの状態をリレーできる。」 通常のコールバック1つのイベントや成功・失敗などのトリガーに対して1つしか
今更ながらjQuery 1.4からの新機能のプロパティ指定つきDOMエレメント生成は、こんな風に使えて便利です。 $('<p />', { id: 'sample123', 'class': 'sample-class', text: '内容はないよう(>_<)', css: { color: 'black', background: '#ccf' }, click: function () { alert('clicked'); } }).appendTo('body'); 解説 特別な意味を持つプロパティ、上記の場合 text, html, css, click以外のid, classはattrとして扱われます。 classは予約語なのでクオートが必要です。 この機能を使わないで書くなら: $('<p />') .attr({ id: 'sample123', 'class': 'sa
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
step1: 動けばいいレベル 適当にざっくり書いて終了 イベントハンドラのなかでテキトーに全て終わらせる メソッドチェイン長いのがかっこいいと思ってる年頃 <div class="item"> <div class="label">A</div> <h2 class="title">itemA</h2> <p class="main">text text text text</p> <p class="showMore">more</p> <p class="more">more more more more</p> <p class="hideMore">hide</p> </div> <div class="item"> <div class="label">B</div> <h2 class="title">itemB</h2> <p class="main">text text
スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」 Tweet 2010/11/16 火曜日 matsui Posted in 記事紹介・リンク | No Comments » つい先日Alpha2がリリースされ、来年早々には正式版がリリースされる予定となっている、スマートフォン向けJavaScriptフレームワークである「jQueryMobile」ですが、その使い方をわかりやすく解説しているブログエントリーがありましたのでご紹介します。 → Mach3.laBlog はじめてのjQueryMobile [blog.mach3.jp] 1ページの短い記事ですが、前提知識の解説から、HelloWorld、ページ遷移、コンポーネントの使い方と、基本的な部分が抑えられている感じです。 サ
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
Today we’re pleased to announce the first alpha release of the jQuery Mobile project. jQuery Mobile is a user interface framework, built on top of jQuery, designed to simplify the process of building applications that target mobile devices. We’ve made really good progress since we first announced the project two months ago. We’ve created a number of components, layouts, and theming tools to greatl
If there is one bad thing about jQuery, it's that the entry level is so amazingly low, that it tends to attract those who haven't an ounce of JavaScript knowledge. Now, on one hand, this is fantastic. However, on the flip side, it also results in a smattering of, quite frankly, disgustingly bad code (some of which I wrote myself!). But that's okay; frighteningly poor code that would even make your
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
A Web 1.618033988749894... Javascript Application Framework Claypool is a small, fast, railable Javascript Application Framework , built on jQuery that provides all the usual important patterns for large, long-lived client-side apps, server-side apps, or something strangely, beautifully in the middle.
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […] Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When cli
I had a fun time at the Bay Area jQuery Conference. Great people, and I learned some neat things. In the conference wrap-up, John Resig mentioned some requirements he has for a jQuery script loader: 1) script loading must be async 2) script loading should do as much in parallel as possible. This means in particular, that it should be possible to avoid dynamic nested dependency loading. 3) it looks
Upcoming EventsThe OpenJS Foundation is proud to support our contributors and collaborators at events around the globe. Come see what we're up to!
The document discusses best practices for building large applications using jQuery, emphasizing the importance of modular code organization and separating functionality into distinct components. It advocates for using jQuery primarily as a DOM and AJAX tool, employing patterns like classes for better structure and maintenance. Additionally, it suggests utilizing the server for data handling and cl
Learning from the Best jQuery PluginsAI-enhanced description The document discusses lessons learned from examining popular jQuery plugins. It summarizes 30 top plugins, describing why each was created and how it grew. Key takeaways are that authors build plugins to make something better, for fun/exploration, or client needs. Managing features and user feedback is challenging. The best plugins have
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く