紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ Loupe ç”»åƒã®ä¸€éƒ¨ã‚’拡大ã—ã¾ã™ã€å¤šå½©ãªã‚ªãƒ—ションãŒä¾¿åˆ©ã€‚ Slicebox ç”»åƒã‚’ダイナミックã«3Dスライスã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ E
jQueryã®ãƒ—ラグイン33+1é¸ -2011å¹´9月 | コリス
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ Loupe ç”»åƒã®ä¸€éƒ¨ã‚’拡大ã—ã¾ã™ã€å¤šå½©ãªã‚ªãƒ—ションãŒä¾¿åˆ©ã€‚ Slicebox ç”»åƒã‚’ダイナミックã«3Dスライスã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ E
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnailã€:phpspot開発日誌
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnail〠2011å¹´06月27æ—¥- Official Demo page for MyThumbnail jquery plugin ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnailã€ã€‚ ç”»åƒã¯æ™®é€šã«ä¸¦ã¹ã‚‹ã¨é«˜ã•ã‚„サイズも一定ã§ã¯ãªãã‹ã¨ã„ã£ã¦ã‚µã‚¤ã‚ºã—ã¦ã„ã§ç¸®ã‚ã¡ã‚ƒã£ãŸã¨ã—ã¦ã‚‚å¹…ã¯ä¸€å®šã«ãªã‚Šã¾ã›ã‚“。 ã“ã®ãƒ—ラグインを使ãˆã°æŒ‡å®šã®ã‚µã‚¤ã‚ºã«ã¾ã‚‹ã‚ã¦ãれるã ã‘ã§ãªãã€ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ç”»åƒãŒå¤‰ãªæ–¹å‘ã«ä¼¸ç¸®ã—ãªã„よã†ã«ã‚‚調整ã—ã¦ãã‚Œã¾ã™ 次ã®ã‚ˆã†ãªç”»åƒã‚’並ã¹ãŸã ã‘ã®çŠ¶æ…‹ãŒã‚ã£ãŸã¨ã—ã¦ã€‚ 次ã®ã‚ˆã†ã«ã€æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«èª¿æ•´ã—ãŸä¸Šã§ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ãã‚Œã¾ã™ï¼ˆè§’丸ã¯CSSã§æŒ‡å®šã—ã¦ã¾ã™ï¼‰ã€‚ HTMLã¯æ¬¡ã®ã‚ˆã†ã«ã‹ãªã‚Šå˜ç´”ã«<a>付ãã®<img>を並ã¹ãŸã ã‘ã§ã™ã€‚ <div
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2011å¹´6月 | コリス
galleryFocus フォーカスã—ãŸå‘¨è¾ºã‚’アニメーションã§ãƒ•ã‚§ãƒ¼ãƒ‰ã•ã›ã€ä¸å¿ƒã‚’ãã£ãり見ã›ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ [ad#ad-2]
全画é¢ã‚’ダイナミックãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨ã—ã¦ä½¿ã†äº‹ãŒå‡ºæ¥ã‚‹jQueryプラグイン・JQUERY.MB.BGNDGALLERY - ã‹ã¡ã³ã¨.net
全画é¢ã‚’ダイナミックã«ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ã¨ã—ã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryプラグイン JQUERY.MB.BGNDGALLERY。åŒã˜ よã†ãªãƒ©ã‚¤ãƒ–ラリã¯æ²¢å±±ã‚ã‚‹ã®ã§é¸æŠžè‚¢ ã®ä¸€ã¤ã¨ã—ã¦è¦šãˆã¦ãŠã“ã†ã‹ãªã¨æ€ã„ã¾ ã™ã€‚Flikcrã‹ã‚‰ã‚‚æµã›ã‚‹ã¿ãŸã„ã§ã™ã€‚ インパクトåˆã£ã¦ã„ã„ã§ã™ãー。個人的ã«ã¯ã“ã†ã„ã†å†™çœŸã®è¦‹ã›æ–¹ãŒä¸€ç•ªå¥½ãã§ã™ã€‚良ã„写真をコンテンツã¨ã—ã¦æŒã£ã¦ã„ã‚‹ãªã‚‰ãれをアピールã—ãªã„手ã¯ç„¡ã„ã§ã™ã‚ˆã。ãŸã ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã®ä½œè€…ã•ã‚“ã€IEãŒå«Œã„ã¿ãŸã„ã§ãƒ»ãƒ»ãƒ»ã¾ããã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ナビボタンã«ã‚ˆã£ã¦ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚縦ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¿ã‚¤ãƒ—ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®2ã¤ãŒã‚µãƒ³ãƒ—ルã¨ã—ã¦ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ Flickrã‹ã‚‰èªã¿è¾¼ã‚“ã りも。 $.mbFlickr.flickr_api_key="f40779ab07dd09e5890f48e3618296b3"; $.mbFli
スマートフォンサイト用ã«ã€ãƒ•ãƒªãƒƒã‚¯ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—対応ãŒç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã„ã‚ã„ã‚ | Web活メモ帳
最近スマートフォン対応やタブレット対応ã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¦ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã«å¯¾å¿œã•ã›ãŸã„ã¨è¨€ã‚れる事ãŒçµæ§‹å¤šã„ã§ã™ã€‚ 知ã£ã¦ã‚‹äººã‚‚å±…ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¹ãƒ¯ã‚¤ãƒ—ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹jQueryプラグインをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼å°‚用ã®ã‚‚ã®ã‹ã‚‰ã€ãƒšãƒ¼ã‚¸å…¨ä½“をスワイプã§åŒºåˆ‡ã‚‹ã‚‚ã®ã¾ã§è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆã€‚ å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ jQuery Touchwipe iPhoneã€iPadã€Android用ã«ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’移動ã§ãã¾ã™ã€‚ スワイプã—ãŸæ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç°¡å˜ã«å–å¾—ã§ãã‚‹ã®ã§ã€ç”»åƒåˆ‡æ›¿æ„外ã«ã‚‚色々使ãˆãã†ã€‚ PCã®å ´åˆã«ã¯ã€ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ストã§ç”»åƒã®åˆ‡æ›¿ãŒã§ãã¾ã™ã€‚ サイズも1kB程度ãªã®ã§ã€ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã«å„ªã—ã„ã§ã™ã。 PhotoSwipe jQuery Mobile対応ã®å…¨ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ 写真を大ãã表示ã•ã›ã¦ã€ãƒ„ールãƒãƒ¼ã§æ“作ã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã™ã€‚ jquery.flicks
スクãƒãƒ¼ãƒ«ä½ç½®ã«å¿œã˜ã¦æ³¨é‡ˆè¡¨ç¤ºãŒå¯èƒ½ãªï½ŠQueryプラグイン「SmartScrollã€:phpspot開発日誌
SmartScroll スクãƒãƒ¼ãƒ«ä½ç½®ã«å¿œã˜ã¦æ³¨é‡ˆè¡¨ç¤ºãŒå¯èƒ½ãªï½ŠQueryプラグイン「SmartScroll〠スクãƒãƒ¼ãƒ«ãƒãƒ¼ãŒé•·ã„ã¨ã©ã®ä½ç½®ã«ä½•ãŒã‚ã‚‹ã‹ã£ã¦ã„ã†ã®ã‚’知りãŸããªã‚Šã¾ã™ãŒã€SmartScrollを使ãˆã°æ¬¡ã®ã‚ˆã†ã«ã€ã“ã®ä½ç½®ã«ã“ã‚“ãªã“ã¨ãŒæ›¸ã„ã¦ã‚るよã€ã‚’示ã™ã“ã¨ãŒå¯èƒ½ã€‚ 使ã„方次第ã§ã¯é•·ã£ãŸã‚‰ã—ã„æ–‡ç« ã‚‚åˆ†é¡žã—ã¦åˆ†ã‹ã‚Šã‚„ã™ã表示ã™ã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã。 注釈ã ã‘ã˜ã‚ƒãªãã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚色々ã¨å¤‰æ›´ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ 注釈を付ã‘る部分も何ãŒã„ã„ã£ã¦å®Ÿè£…ãŒç°¡å˜ãªç‚¹ã€‚ ã¡ã‚…ã†ã™å½¹ã‚’ã¤ã‘ãŸã„ä½ç½®ã«æ¬¡ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ãŠã‘ã°ã„ã„ã£ã¦ã„ã†ã®ã¯ãŠæ‰‹è»½ã§ã™ã 上記コードã§æ¬¡ã®ã‚ˆã†ã«è¡¨ç¤º スクãƒãƒ¼ãƒ«ãƒãƒ¼ã‚‚次世代ã«ã€‚ｊQueryãŒå‡ºæ¥ã‚‹ã“ã¨ã‚’ã©ã‚“ã©ã‚“æ‹¡å¼µã—ã¦ã„ã£ã¦ãã‚Œã¾ã™ã。 本当ã«jQueryã¯å‰å¤§ã§ã™ã€‚ 関連エントリ HTML5ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—通知を簡å˜ã«æ‰±ãˆã‚‹jqueryプラグイン「deskt
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}