jQueryサンプル集 | DesignWalker
個人的ã«æ°—ã«å…¥ã£ã¦ã‚‹10ã®Lightboxç³»jQueryプラグインåŠã³ã€ãã®ç‰¹å¾´ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
個人的ã«æ°—ã«å…¥ã£ã¦ã‚ˆã使ã£ã¦ã„ã‚‹ã€åˆã¯ ã„ã¤ã‹å½¹ã«ç«‹ã¡ãã†ã€ã„ãšã‚Œä½¿ã„ãŸã„的㪠Lightbox風ã«æ‹¡å¤§å®Ÿè£…出æ¥ã‚‹jQueryプラグ インã®ã¾ã¨ã‚ã§ã™ã€‚使ã†ã¨ãã«ã„ã¡ã„ã¡å¼•ã£ 張り出ã—ã¦ã„ã‚‹ã®ãŒé¢å€’ãªã®ã§ã¾ã¨ã‚ã«ã—㦠ã¤ã„ã§ã«ã‚·ã‚§ã‚¢ã—よã†ã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã™ã€‚ オーソドックスãªã‚‚ã®ã‹ã‚‰ã€ã‚„や特徴的ãªã‚‚ã®ã€Twitterã§ã€Œã“ã‚“ãªã®ãªã„？ã€ã£ã¦èžã‹ã‚Œã¦æŽ¢ã—ãŸã‚‚ã®ãªã©10個厳é¸ã§ã™ã€‚特徴も一緒ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ãªãŠã€ç”»åƒã‚’使ã†jQueryプラグインã«ã”興味ãŒæœ‰ã‚‹ã‚ˆã†ã§ã—ãŸã‚‰ã€ä»¥å‰æ›¸ã„ãŸç”»åƒã‚’使ã£ãŸã„ã‚ã„ã‚ãªjQueryプラグイン224個ã¾ã¨ã‚ã‚‚å‚考ã«ã—ã¦é ‚ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ colorbox 一番よã使ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。MITライセンスã§ã€ã‚°ãƒ«ãƒ¼ãƒ—化⇒スライドもå¯èƒ½ã€‚ã¾ãŸã€iPhoneã€iPadã§ã‚‚å‹•ã„ã¦è¡¨ç¤ºã‚‚å´©ã‚Œã¾ã›ã‚“。エフェクトも変更å¯èƒ½ã§ã€Youtubeã‚„Iframeã€Flas
CeeBox – a Thickbox/Videobox mashup | CatCubed
Improved Functionality Minor Release [12/03/2009]: CeeBox 2.1 jQuery Plugin: Now uses event bubbling via jQuery live function. Also detects flash plugin displaying message instead of embedding video. iPhone users are automatically redirected if it’s a video link. Major Upgrade [11/11/2009]: CeeBox 2.0 jQuery Plugin: Completely rewritten from the ground up. New functionality: auto-gallery creation
jQueryプラグイン サンプル（画åƒç³»ï¼‰ï¼šskuare.net
JavaScriptライブラリã®jQueryã®ãƒ—ラグインを利用ã—ã¦å‡ºæ¥ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ jQueryã¯ã€John Resig ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚ŒãŸJavascriptライブラリã§ã€Ajaxã‚„DOMプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã‚’「簡潔・簡å˜ã€ã«æ›¸ã‘ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ç”»åƒé–¢é€£ã®jQueryプラグインを紹介ã—ã¦ã„ã¾ã™ã€‚ JSONファイルã‹ã‚‰ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’作æˆã™ã‚‹jQueryプラグイン「jsonslider〠JSONファイルã«ç”»åƒãƒ‘スãªã©ã®ãƒ‡ãƒ¼ã‚¿ãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹å ´åˆã€å‡¦ç†ã‚’入れã¦ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã™ã‚‹ã®ã¯ãã‚Œãªã‚Šã®æ‰‹é–“ã§ã™ã€‚ jQueryプラグインã®dcdeiv/jsonslider · GitHubを利用ã™ã‚‹ã“ã¨ã§ãã®æ‰‹é–“ãŒå°‘ã—軽減ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 via：dcdeiv/jsonslider
ã‚‚ã†FLASHã¯ã„らãªã„ï¼ï¼Ÿç”»åƒåˆ‡æ›¿ãˆJavaScript「jQuery "Feature Carousel" plug-in ã€
ã‚‚ã†FLASHã¯ã„らãªã„ï¼ï¼Ÿç”»åƒåˆ‡æ›¿ãˆJavaScript「jQuery "Feature Carousel" plug-in 〠FLASHを使用ã—ã¦ç”»åƒã‚’å°è±¡çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‹æ‰‹æ³•ãŒWEBマガジンãªã©ã§ã¯å¤šã見られã¾ã™ã€‚ ã§ã‚‚ãã‚ŒFLASHã˜ã‚ƒãªãã¦ã‚‚よããªã„？ JavaScriptライブラリã®jQueryを利用ã—ãŸã€ŒjQuery "Feature Carousel" plug-in ã€ãªã‚‰ã€ã„ã¡ã„ã¡ãƒ•ãƒ©ãƒƒã‚·ãƒ£ãƒ¼ã«ç›´ã•ã›ãŸã‚Šã€ã‚ˆãã‚ã‹ã‚‰ãªã„xmlを書ãæ›ãˆã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 sponsors 使用方法 jQuery "Feature Carousel" plug-in ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="featureCarousel.css"> <script type="text/javas
スマートフォンも対応ï¼æœ¬ã‚’ã‚ãるよã†ãªè¡¨ç¾ãŒã§ãã‚‹JavaScript「FlipPageã€
本をã‚ãるよã†ãªè¡¨ç¾ã‚’付ã‘られるJavaScriptã§ã™ã€‚ FlipPage: Tournez les pages sur votre iPad !ã§ã¯ã€iPhoneã‚’ã¯ã˜ã‚ã€Androidãªã©ã§ã‚‚タップã§ã‚ãã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ sponsors 使用方法 FlipPage: Tournez les pages sur votre iPad !ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã€‚ <link rel="stylesheet" href="jquery.flippage.css" type="text/css"> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.flippage.js"></script> <script type
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
JQuery Twitter Search Plugin
Customized Usage $('#twitter2').twitterSearch({ term: 'jQuery', title: 'jQuery Chatter', titleLink: 'http://www.jquery.com', birdLink: 'http://twitter.com/jquery', css: { img: { width: '30px', height: '30px' } } }); More Options $('#twitter3').twitterSearch({ term: 'Butler basketball', // no fade animOut: { opacity: 1 }, avatar: false, anchors: false, bird: false, colorExterior: '#ddd', colorInter
グッドデザイン賞ã®å®Ÿæ…‹ | HappyLeaf
ã“ã‚“ã°ã‚“ã¯ã€ã‚„る夫ã§ã™ã€‚ ã¯ã£ã±å›ã¨åŒã˜ãクシャミãŒæ¢ã¾ã‚Šã¾ã›ã‚“。秋ã®èŠ±ç²‰ç—‡ãªã®ã‹ãªï¼Ÿ 何ã ã‹æ€¥ã«å¯’ããªã£ã¦ããŸã¿ãŸã„ã§ã€ä½“調もイマイãƒã§ã™ã€‚ ã•ã¦ã€çš†æ§˜ã¯ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³žã¯ã”å˜çŸ¥ã§ã—ょã†ã‹ï¼Ÿ å¹´ã«ä¸€åº¦ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå„ªã‚ŒãŸç‰©äº‹ã«è´ˆã‚‰ã‚Œã‚‹è³žã§ã‚ã‚Šã€æ—¥æœ¬ã§å”¯ä¸€ã®ç·åˆçš„デザイン評価・推奨ã®ä»•çµ„ã¿ã§ã™ã€‚ 今年度もå—賞ãŒæ±ºå®šã—ãŸå•†å“ãŒç¶šã€…ã¨ç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç§è‡ªèº«ã‚‚商å“ã‚’é¸ã¶æ™‚ã«ã€ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³žã¨ã‚ã‹ã‚‹ã¨ã¤ã„ã¤ã„安心ã—ã¦è²·ã£ã¦ã„ãŸã—〠デザインã«å„ªã‚Œã¦ã‚‹äººæ°—商å“ãŒæŠ•ç¥¨ã§æ±ºã‚られるもã®ã ã¨ä½•ã¨ãªãæ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã¤ã„最近もサニタリー商å“ã®ã‚«ã‚¿ãƒã‚°ã‚’見ã¦ã„ãŸã‚Šã™ã‚‹ã¨ã€ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³žã®ã‚‚ã®ãŒã‚ã£ãŸã‚Šã€ 家ã§ä½¿ãŠã†ã¨æ€ã£ã¦ã‚‹ã‚¤ãƒ³ãƒ†ãƒªã‚¢ç”¨å“ãªã‚“ã‹ã§ã‚‚よã見ã‹ã‘ã¾ã™ã€‚ ãã—ã¦æˆ‘ãŒä½å‹æž—æ¥ã‚‚å¹³æˆ23å¹´ã«ã¯â€¦ 「ビッグフレーム構法〠「地震エãƒãƒ«ã‚®ãƒ¼å¸åŽãƒ‘ãƒãƒ«ã€ ã€Œé§’æ²¢ç¬¬äºŒå±•ç¤ºå ´ã€ ã®ï¼“é …ç›®ã«ã¦ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³ž
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
è¦ç´ をスライドã•ã›ã¦ã„ãカルーセル JavaScript「jQuery carrouselã€
twitter facebook hatena google pocket è¦ç´ ã€ç‰¹ã«ç”»åƒã€ã‚’スライドã•ã›ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã§é ˜åŸŸãŒå°ã•ã„ãªãŒã‚‰ã‚‚多ãã®æƒ…å ±ã‚’ä¼ãˆã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ 今回ã¯jQueryプラグインã®ã€ŒjQuery carrouselã€ã‚’利用ã—ã¾ã™ã€‚ sponsors 使用方法 jQuery carrouselã‹ã‚‰é–¢é€£jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“jQueryã‹ã‚‰jquery.jsを忘れãšã«ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.carrousel.js"></script> <script type="text/javascript" src="jquery.carrousel.control
Facebookã®ãƒ‘スワードãŒ1万件以上æµå‡ºã®æã‚Œã€çœŸå½ã¯æœªç¢ºèª
ã‚»ã‚ュリティä¼æ¥ã®è‹±ãƒˆãƒ¬ãƒ³ãƒ‰ãƒžã‚¤ã‚¯ãƒã¯2011å¹´10月18æ—¥ã€ã€ŒFacebookã€ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼åã¨ãƒ‘スワードãŒ1万件以上盗ã¾ã‚Œã€ã‚ã‚‹Webサイトã§å…¬é–‹ã•ã‚Œã¦ã„ãŸæã‚ŒãŒã‚ã‚‹ã“ã¨ã‚’ä¼ãˆãŸã€‚ãれらãŒæœ‰åŠ¹ãªãƒ‘スワードã‹ã©ã†ã‹ã¯æœªç¢ºèªã€‚ åŒç¤¾ã®æƒ…å ±ã«ã‚ˆã‚Œã°ã€ã‚るグループãŒFacebookã®ãƒ¦ãƒ¼ã‚¶ãƒ¼åã¨ãƒ‘スワードを入手ã—ãŸã¨ä¸»å¼µã€‚テã‚ストデータを共有ã§ãã‚‹Webサイトã«æŠ•ç¨¿ã—ã€èª°ã§ã‚‚閲覧ã§ãる状態ã«ã—ã¦ã„ãŸã¨ã„ã†ã€‚ ç¾åœ¨ã§ã¯ã€ãã®æŠ•ç¨¿ã¯å‰Šé™¤ã•ã‚Œã¦ã„る。åŒç¤¾ã§ã¯ã€å‰Šé™¤å‰ã«æŠ•ç¨¿ã•ã‚ŒãŸãƒªã‚¹ãƒˆã‚’入手。リストã®å†…容を調ã¹ãŸã¨ã“ã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å›½ãƒ»åœ°åŸŸã¯ã•ã¾ã–ã¾ã€‚ã»ã¨ã‚“ã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯è¤‡é›‘ãªãƒ‘スワードをè¨å®šã—ã¦ãŠã‚‰ãšã€ãƒ¦ãƒ¼ã‚¶ãƒ¼åãã®ã‚‚ã®ã€ã‚ã‚‹ã„ã¯ã‚ãšã‹ã«å¤‰åŒ–ã•ã›ãŸæ–‡å—列をパスワードã«ã—ã¦ã„ãŸã¨ã„ã†ã€‚自分ã®å¥½ããªã‚µãƒƒã‚«ãƒ¼ãƒãƒ¼ãƒ ã®åå‰ã‚„ã€çŸã„æ•°å—列をパスワードã«ã—ã¦ã„ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚多ã‹ã£ãŸã€‚ åŒç¤¾ã§ã¯ã€å•é¡Œã®ãƒªã‚¹ãƒˆã‚’米フェー
ã€äºˆå‘Šã€‘“PC専用メガãƒâ€JINS PCã¯æœ¬å½“ã«çœ¼ã‚’守ã£ã¦ãれるã®ã‹ï¼Ÿ ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä½“験ä¸ï¼ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
日々ã€ãƒ‘ソコンã®ãƒ‡ã‚£ã‚¹ãƒ—レイを眺ã‚続ã‘るエンジニアã«ã¨ã£ã¦ã€ã€Œçœ¼ã®ç–²ã‚Œã€ã¯è·æ¥ç—…ã¨è¨€ãˆã¾ã™ã€‚ã¯ã¦ãªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚‚眼ã®ç–²ã‚Œã«æ‚©ã‚€äººãŒâ€¦â€¦ã€‚ãã‚“ãªãªã‹ã€ãƒ¡ã‚¬ãƒãƒ¡ãƒ¼ã‚«ãƒ¼ã®JINSãŒ9月30日（金）ã€ã€ŒPCã‹ã‚‰çœ¼ã‚’守るã€ã¨ã„ã†PC用メガãƒã€ŽJINS PCã€ã‚’発売ã—ã¾ã—ãŸã€‚ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢2人ãŒã€ãŸã ã„ã¾ä½“験ä¸ã§ã™ï¼ （※ã“ã®è¨˜äº‹ã¯ã‚¸ã‚§ã‚¤ã‚¢ã‚¤ã‚¨ãƒŒã®æä¾›ã«ã‚ˆã‚‹PR記事ã§ã™ï¼‰ JINS PC - 機能性アイウエア | JINS - 眼é¡ï¼ˆãƒ¡ã‚¬ãƒãƒ»ã‚ãŒã） 「PCã‹ã‚‰çœ¼ã‚’守るã€ã¨ã„ã†è§¦ã‚Œè¾¼ã¿ã§ã€ã¯ã¦ãªãƒ–ックマークã§ã‚‚話題ã«ãªã£ã¦ã„ã‚‹PC用メガãƒã€ŽJINS PCã€ã€‚今回ã€JINSã‹ã‚‰ã®ä¾é ¼ã§ã€ã¯ã¦ãªç¤¾å†…ã§ãƒ¢ãƒ‹ã‚¿ãƒ¼ã™ã‚‹ã“ã¨ã«ï¼ JINS PCã«èˆˆå‘³æ´¥ã€…ã®ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€id:hakobe932ã¨id:yanbeã®2人ãŒã€æœ¬å½“ã«åŠ¹æžœãŒã‚ã‚‹ã®ã‹è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ id:yanbe（左）ã¨id:hak
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
カダフィæ°ã€éŠƒæ’ƒæˆ¦ã§æ»äº¡ï¼Ÿå…µå£«ãŒå°„殺？ : 国際 : YOMIURI ONLINE（èªå£²æ–°èžï¼‰
{{#tags}}- {{label}}
{{/tags}}