[B! jquery] penpen-0704のブックマーク

[JS]jQueryのプラグイン33+1選 -2012年8・9月

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BigVideo.js MP4などの動画をウェブページの背景いっぱいに配置します。 Video Background サイズ変更可能

penpen-0704 2012/09/24

リンク

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。私は Javascript が苦手で、jQuery もどちらかというと苦

penpen-0704 2011/10/11

リンク

覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か

これならjQueryじゃなくてもいいんじゃ無いか、っていう記事です。短くて使いやすいスニペットなんですが、まぁ用途は人それぞれだと思うので適当に流して下さい。自分が使いやすいようにまとめたいだけです。そのコードおかしいわーみたいなのあったらすいません。まぁその程度の記事です。というわけでいろいろとツッコミどころ満載かもですが、あんまり気にしないで下さい。じゃあ記事書くなよって話ですけどｗデモの見方 jsfiddleというサービスを好んでよく使うのですが、あまり見慣れないかもなので一応デモの見方を。上図の○で囲った部分、Resultを押せばデモ画面に、再生ボタンでリロードします。簡単なコードなので実践で使うにはもう少し工夫が必要です。また、jQueryの勉強にもなるかもしれません。jsfiddleはフォークできるので宜しければ改善や動作の勉強等にご利用下さい。こういうスニペ

penpen-0704 2011/10/07

リンク

jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

penpen-0704 2011/10/06

リンク

webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個

かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。とりあえず定番的なものをどうぞ。ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモこれかなり好き。タグクラウドをさらに細分化させて表示させてます。こういう発想は今までなかったので最初見たときちょっと感動しましたね。ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります