※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
82 views jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 More… jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 このスライドを作るにあたって、書籍「WebデザイナーのためのjQuery入門」をかなり参考にしています。 Webデザイナーのためのjquery入門2(前編) — Presentation Transcript Webデザイナーのための jQuery入門 -覚醒編(前編) -jQueryのコードを自分で考えて書けるようになろう! 目標 日々の業務にjQueryを取り入れて、 自分で何かを作れるようになる。 大まかな内容1. 何かを取ってくる 2. それに何かをする3. まとめ 1
Welcome back to the Building a content viewer with Backbone series. Over the first four parts, we looked at almost every major component that ships with the latest version of Backbone including models, controllers, views and routers. In this part of the tutorial, we're going to hook our application up to a web server so that we can store our contacts in a database. We won't be looking at LocalStor
Welcome back to part two of this tutorial; in part one we looked at some of the model, collection and view basics for when working with Backbone and saw how to render individual contact views using a master view bound to a collection. In this part of the tutorial, we're going to look at how we can filter our view based on user input, and how we can add a router to give our basic application some U
On the second screen, the user can choose the town where they want to eat. The towns are displayed in a list of clickable items. Beside each town there is a bubble that gives the user the number of restaurants available for the chosen plate in this town. Since the list of towns can be pretty long, we will provide a filter so that the user can quickly search for a town at the end of the list. The t
複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 2012年02月21日- Sequence.js - The jQuery Slider Plugin with Infinite Style 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」。 スライダーというと通常1個の画像とかですが、複数の要素を個別にアニメーションさせてダイナミックな表現が可能になります。 AppleのiPhone詳細サイトみたく、画像を回転させたりして超カッコよくプロモーションさせることもできます とにかくメチャクチャかっこいいので、一度見ておいたほうがいいと思います 素材の用意は大変ですが、それに見合ったものができるはず 関連エントリ レスポンシブなjQueryスライダー実装プラグイン8個 パララッ
【jQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
コレは何か?コールバック集めてまとめて発火させたり削除したりダブって登録されたりしないようにしてくれるやつ。ちょっと便利なオブザーバーだけど、jQuery内部のコードでオブザーバー的な動きをしていたのがこれにより抽象化された風。詳しくは以下を見るべき。(この記事を書いてる時点ではjQuery1.7 beta2) 自分はこういう単純なオブザーバーをつくるとき、$({}) を作ってこいつにカスタムイベントをbindしてtriggerしてみたいなことをしてたので、同じようなことをしてた人はあーそういうやつねと思うかもしれないです。こいつが登場して便利になるのは、「より細かくコールバックを管理できるようになった」ってことかと思います。とりあえずこれいままで出来なかったよねっていうのでちょっと思いついたやつが以下。ちょっと試しただけなので雑です。
jQuery 1.7 で導入される $.Callbacks についての "Demystifying jQuery 1.7′s $.Callbacks" と題された解説記事をみつけたので紹介します。内容を少しはしょったり、補ったりした翻訳です。元記事の著者 Addy Osmani さんは jQuery チームのメンバーとのこと。本文に出てくる jQuery.Deferrd, Pub/Sub の話題を理解するのに、次の資料に目を通しておくとよいかもしれません。 jQueryのDeferredオブジェクトについて調べてみた - AOEの日記 Script Junkie | Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability Pub/Subメッセージングモデル 元記事 AddyOsmani.c
Creating awesome and appealing forms for your website has now become easy, thanks to jQuery plugins. Here we are sharing with you a collection of some extremely useful plugins and tutorials to help you create beautiful and awesome web forms. Web forms are the crucial element for any website as website visitors use such forms to interact with the webmaster. Therefore, keeping them neat and function
JavaScriptの開発環境は、テキストエディタを除外すると、主にデバッガやインスペクタとしてWebブラウザに内蔵されているのものと、Webブラウザのアドオンになっているもの。そして単独のアプリケーションとして統合開発環境となっているものの3つに大別できるでしょう。 特にWebブラウザのアドオンは手軽かつ一般のプログラミングには十分な機能を備えたものが登場しており、よく使われているようです。 2008年6月に書かれた以下の記事が、現状でのWebブラウザに関するHTML/CSS/JavaScriptのデバッガの状況を捕らえています。 Webデバッガ最強はFirebugだが、ほかのブラウザでは... | エンタープライズ | マイコミジャーナル In-browser Development Tools: Firebug Still King (英語) では以下から、ツールごとに関連する記事を
Better Check Boxes with jQuery and CSS | Tutorialzine jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル。 独自のチェックボックスを実装するチュートリアルとサンプルがダウンロード出来ます。 普通のチェックボックスは小さくて連続して押したりする場合は結構ストレスがたまったりしますね。 というわけで次のようなチェックボックスを作る例です。 大きくて押しやすく、画像ベースにデザインされており、なかなかカッコいいというのも特徴。 スクリプト部分にはjQueryプラグインが使われていますが、50行程のスクリプトなので改造も容易です。 標準のチェックボックスのストレスを取り払い、デザイン性も持ち合わせたチェックボックス導入の際に参考にできます。 関連エントリ デザイン性に優れたクリエイティブなフォームデザインのサン
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 jQueryはバージョンによって記述方法が異なる場合があります。ここでは、バージョン別にページを用意するようにしてあります。 Ajaxライブラリで有名なものとしてはPrototypeライブラリやYahoo UI Libraryなどがあります。jQueryはPrototypeライブラリなどと併用することもできるようになっています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQuery入門 (ver 1.2.1) jQuery入門 (ver 1.2.2) jQuery入門 (ver 1.2.3) jQuery入門 (ver 1.2.4) jQuery入門 (ver 1.2.5) jQuery入門 (ver 1.2.6) jQuery
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 以前に書いたjQuery事始め、という記事の 続編のような内容の記事です。基本を理解 したら今度はコードを真似して体で覚えて みるのも勉強方法の有効な手の一つだと 思います。ご自分で改変して遊べる程度の 簡単なコードなのでぜひチャレンジしてみて ください。 内容はjQueryを覚えたいけどなかなか時間が無い、というWebデザイナーさん向けです。多くのプラグインやチュートリアルが存在しますが、jQueryの基本中の基本と少しのアイデアだけでも十分出来ることがありますので、そこまで深く追求する必要は無い気もします。 少しでもハードルが低くなればと思って、コードを真似して、そこからご自身で応用出来るような簡単な内容を記事にしてみました。今回はよくあるマウスオーバーエフェク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く