jQuery1.4.2リリース
jQuery: » jQuery 1.4.2 Released æ°—ã¥ã‘ã°jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒæ–°ã—ããªã£ã¦ã€1.4.2ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 今回も主ãªå¤‰æ›´ã¯ãƒã‚°ã®ä¿®æ£ã¨é€Ÿåº¦æ”¹å–„ã®ã‚ˆã†ã§ã™ãŒã€æ©Ÿèƒ½ã‚‚è¿½åŠ ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ jQuery 1.4.2 今回ã®æ”¹å–„内容ã¯ã€ãƒã‚°ã®ä¿®æ£ã‚’ã„ãã¤ã‹ã¨ã€ãƒ—ラス速度改善。マイナーãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã‚‚速度改善ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãー。 速度改善ãŒä¸»ã«ã•ã‚Œã¦ã„ã‚‹ã®ãŒã€ä»¥ä¸‹ã®ï¼”種類。 .bind()ã¨.unbind(). .empty()ã¨.remove()ã¨.html() documentã¸ã®DOMノード挿入 $("body") 上記ã®åˆ©ç”¨é€Ÿåº¦ãŒé€Ÿããªã£ã¦ã„るよã†ã§ã™ã€‚ .delegate()ã¨.undelegate() 今回ã®è¿½åŠ ã¯.delegate()ã¨.undelegate()ã®äºŒã¤ã€‚ .delegate()ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªä½¿ã„æ–¹ã®ã‚ˆã†ã§ã™ã€‚ â– .d
Web Design Clip [WEBデザインã®ã‚¯ãƒªãƒƒãƒ—・リンク集]
Web Design Clipã¯ãƒ›ãƒ¼ãƒ ページ・Webデザイン制作ã®å‚考ã«ãªã‚‹æ—¥æœ¬ã®Webデザインギャラリー・クリップ集ã§ã™ã€‚トレンドを押ã•ãˆãŸã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®é«˜ã„Webサイトをクリップã—ã¦ã„ã¾ã™ã€‚
![Web Design Clip [WEBデザインã®ã‚¯ãƒªãƒƒãƒ—・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
WordPressをブãƒã‚°ä»¥å¤–ã§ä½¿ã£ã¦ã„るサイトã„ã‚ã„ã‚・国内編 - ã‹ã¡ã³ã¨.net
ブãƒã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®WordPressã‚’ ブãƒã‚°ä»¥å¤–ã§åˆ©ç”¨ã—ã¦ã„るサイト ã®å›½å†…ç·¨ã§ã™ã€‚ブãƒã‚°ã®ç·šå¼•ã ã®åŸºæº–ãŒåˆ†ã‹ã‚‰ãªã„ã®ã§è‡ªåˆ†ã§ 線引ãã—ã¦ã„ã¾ã™ã€‚ã“ã“ã§è¨€ ブãƒã‚°ä»¥å¤–ã¨ã¯ã€Œæ—¥è¨˜ã§ã¯ãªã„〠サイトを指ã—ã¦ã„ã¾ã™ã€‚ Webマガジンã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ç³»ã‚µã‚¤ãƒˆã€ECサイトやギャラリーサイトãªã©ã€ãƒ–ãƒã‚°ä»¥å¤–ã®WPサイトã®ã¾ã¨ã‚ã§ã™ã€‚é †ä¸åŒã§ã™ã€‚ å…ƒãƒã‚¿ã•ãŒã— ãƒã‚¿ç³»ã‚µã‚¤ãƒˆã§ã™ã€‚ç”»åƒã®å…ƒã¨ãªã£ãŸç”»åƒã‚’åŽé›†ã—ã¦ã„るサイトã§ãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ï¼ˆè©•ä¾¡ï¼‰æ©Ÿèƒ½ãŒä»˜ã„ã¦ã„ã¾ã™ã€‚ナイスアイデアã§ã™ãー。ã„ã„コンテンツã§ã™ã€‚ å…ƒãƒã‚¿ã•ãŒã— 新商å“FINDER ニュース系ã¨ã„ã†ã‚ˆã‚Šãƒãƒ¼ã‚¿ãƒ«ç³»ã«è¿‘ã„サイトã§ã™ã€‚新商å“ã®ã¿ã‚’紹介ã™ã‚‹ã‚µã‚¤ãƒˆã€‚デザインもã‹ãªã‚Šç¶ºéº—ã§ã™ã。å‚考ã«ãªã‚Šã¾ã™ã€‚ 新商å“FINDER ブãƒã‚°ã‚¿ã‚¤ãƒ ズ ブãƒã‚°è¨˜äº‹ã«ç´¹ä»‹è¨˜äº‹ã‚’書ãã¨æŽ²è¼‰è²»ã‚’è²°ãˆã‚‹ã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スをæä¾›ã—ã¦ã„るサイトã§ã™ã€‚WPã§ã“ã†ã„ã£ãŸã‚µãƒ¼ãƒ“スをæä¾›ã—
ã€ãƒ‡ãƒ¢ã€‘jQuery.bgSwitcher - Rewish
è¦ç´ ã®ã‚¯ãƒãƒ¼ãƒ³ã‚’被ã›ã‚‹â†’å…ƒè¦ç´ ã®èƒŒæ™¯ã‚’変ãˆã‚‹â†’クãƒãƒ¼ãƒ³ã‚’フェードアウト ã“ã®æ–¹æ³•ã ã¨å•é¡ŒãŒå¤šã™ãŽã‚‹ã®ã§ã€ã„ãšã‚Œæ”¹å–„予定。
指定ã—ãŸèƒŒæ™¯ç”»åƒã‚’x秒毎ã«åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryプラグイン - Rewish
imgè¦ç´ ã§ã¯ãªã背景画åƒï¼ˆbackground-image）を切り替ãˆã‚‹jQueryプラグインã§ã™ã€‚ 2013å¹´7月29æ—¥ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.4.0をリリースã—ã¾ã—ãŸã€‚一ã‹ã‚‰æ›¸ããªãŠã—ã¦ã€åˆ‡ã‚Šæ›¿ãˆæ–¹æ³•ãªã©è‰²ã€…改善ã—ã¦ã„ã‚‹ã®ã§ã€è‰¯ã‘ã‚Œã°ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ jquery.bgswitcher.js 開発リãƒã‚¸ãƒˆãƒªã¯rewish/jquery-bgswitcher · GitHub ä¾å˜ãƒ©ã‚¤ãƒ–ラリ jQuery 1.7.x以上ãŒå¿…è¦ã§ã™ã€‚ ライセンス MIT License 主ãªæ©Ÿèƒ½ エフェクト付ãã®èƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆ 切り替ãˆã®åˆ¶å¾¡ï¼ˆé–‹å§‹/åœæ¢/リセット） ファイルåã®é€£ç•ªè‡ªå‹•èªã¿è¾¼ã¿ ç”»åƒã®ãƒ—リãƒãƒ¼ãƒ‰ デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
GREPREP TIPS æ£è¦è¡¨ç¾(regexp,grep)ç½®æ›ã‚’ブラウザã§ç°¡å˜ã«åˆ©ç”¨å‡ºæ¥ã‚‹ã€‚作æ¥åŠ¹çŽ‡åŒ–ツール
GREPREP TIPS æ£è¦è¡¨ç¾(g/regular expression/p)GREPç½®æ›ã‚’ブラウザã§ç°¡å˜ã«åˆ©ç”¨ã§ãる。作æ¥åŠ¹çŽ‡åŒ–ツール â– ç½®æ›å¯¾è±¡ï¼šã€€ç½®æ›ã—ãŸã„テã‚ストを貼り付ã‘ã¾ã™ã€‚â–² â–¼ ■一時記録：　ブラウザã«ä¸€æ™‚çš„ã«è¨˜æ†¶ã—ãŸã‚Šã€è¨˜éŒ²ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’利用ã—ã¦å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ブラウザを閉ã˜ãŸã‚Šã€æ›´æ–°ã™ã‚‹ã¨å‰Šé™¤ã•ã‚Œã‚‹ã®ã§æ³¨æ„。
PR：å—託開発ã®é™ç•Œã‚’æ„Ÿã˜ã€SIerã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼æ¥ã¸
リーマンショック以é™ã€æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã®ã€Œå†…製化ã€ã«æ³¨åŠ›ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼æ¥ãŒå¢—ãˆã¦ã„る。アウトソースã«ã‚ˆã‚‹ç¤¾å¤–æµå‡ºã‚³ã‚¹ãƒˆã®å‰Šæ¸›ã‚„ã€é–‹ç™ºã®åŠ¹çŽ‡åŒ–・迅速化ãªã©ã€ã•ã¾ã–ã¾ãªãƒ¡ãƒªãƒƒãƒˆãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã 。ãŸã ã—ã€ãã®å®Ÿç¾ã®ãŸã‚ã«ã¯ã¾ãšã€æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ éƒ¨ã®å½¹å‰²ã®è¦‹ç›´ã—や体制強化ãŒå‘½é¡Œã¨ãªã‚‹ã€‚ 今回紹介ã™ã‚‹æ¹¯æœ¬å …隆ã•ã‚“（30æ³ï¼‰ã¯ã€ãƒ›ãƒ¼ãƒ ウェア・生活雑貨・インテリアãªã©ã®å¸ãƒ»å°å£²äº‹æ¥ã‚’展開ã™ã‚‹ã€Žæœ‰é™ä¼šç¤¾ã‚¨ãƒ•ãƒ»ã‚±ãƒ¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ã§ã€æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ éƒ¨ã‚’1人ã§æ‹…ã£ã¦ã„ã‚‹ITエンジニア。大手ユーザー系システムインテグレータ（SIer）ã«6年間勤務ã—ã¦ã„ãŸãŒã€å—託開発ã®é™ç•Œã‚„内製化ã®å¿…è¦æ€§ã‚’æ„Ÿã˜ã¦ã€2009å¹´ã€æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ éƒ¨ã§ã®æ–°ãŸãªã‚ャリアをスタートã•ã›ãŸã€‚SIerã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼æ¥ã¸ã®è»¢è·â€•â€•ãã®æ±ºæ–ã«è‡³ã‚‹ã¾ã§ã®çµŒç·¯ã¨ã€ç¾åœ¨ã®æ¥å‹™å†…容や仕事ã®ã‚„ã‚ŠãŒã„ã«ã¤ã„ã¦è©±ã‚’èžã„ãŸã€‚ 2003å¹´ã€å¤§æ‰‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ç³»SIerã«æ–°å’å…¥
ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹pager - Webæ–‡ç« ã‚’ã‚‰ãらã分割ã—ã¦ã¿ã‚ˆã† (1) pagerã¨ã¯ï¼Ÿ | パソコン | マイコミジャーナル
pagerã¨ã¯ï¼Ÿ pagerã¯é•·æ–‡ã‚’区切ã£ã¦ãƒšãƒ¼ã‚¸ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãるライブラリã§ã™ã€‚ブãƒã‚°ã‚„サーãƒã‚¨ãƒ³ã‚¸ãƒ³ãªã©ã®ãƒ†ã‚スト形å¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã§ãƒšãƒ¼ã‚¸ç•ªå·ãŒè¨˜ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ページå˜ä½ã§ãƒ†ã‚ストコンテンツを区切るã¨ã€è¦‹ã‚„ã™ããªã‚Šæ•´ã£ãŸå°è±¡ã‚’与ãˆã‚‹ã‚µã‚¤ãƒˆã«ãªã‚Šã¾ã™ã€‚ 「pagerã§åŒºåˆ‡ã£ãŸãƒ†ã‚ストコンテンツ〠pagerã¯Ajaxライブラリã®1ã¤ã§ã‚ã‚‹jQueryã®ãƒ—ラグインã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãŸã‚ã€pagerを使用ã™ã‚‹ã«ã¯jQueryライブラリãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ã¾ãšã¯jquery.pager.jsを以下ã®URLã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€ ページã®ä¸€ç•ªä¸‹ã«ã‚る「Downloadã€ã®éƒ¨åˆ†ã®
rikrikrik: pager jQuery plug-in
<div id="example1"> <div><p>Lorem ipsum...</p></div> <div><p>Donec ultricies...</p></div> </div> Donec ultricies lectus. Cras nonummy, enim ac iaculis blandit, diam quam accumsan diam, ut faucibus nisi lorem non est. Proin convallis. Fusce malesuada lectus sed dui. Curabitur nec massa a arcu ullamcorper tincidunt. Nulla mattis, orci a tincidunt sollicitudin, orci eros porta tellus, lobortis ali
よãã‚る質å•ã£ã½ã„ã®ï½œCSS HappyLife
HappyLife 管ç†äºº デジパ CSS HappyLifeã£ã¦ä½•ã§ã™ã‹ï¼Ÿ ボクã«ã‚‚よãワカリマセン。 ã§ã‚‚ã€ä½•ã¨ãªãCSSã«é–¢ã™ã‚‹ãƒã‚¿ãŒå¤šã„よã†ãªæ°—ãŒã—ã¾ã™ã€‚ ã”利用ã¯ç„¡æ–™ã§ã™ã‹ï¼Ÿ ã¯ã„。全ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç„¡æ–™ã§é–²è¦§ã§ãã¾ã™ã€‚ PVã¯ã©ã®ãらã„ã§ã™ã‹ã～ 10万PVå‰å¾Œã£ã¦ã„ã†å™‚ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 広告掲載ã¯å¯èƒ½ã§ã™ã‹ ã¯ã„。ãŠæ°—軽ã«ã”相談下ã•ã„。 å¹´é½¢ã¯ã„ãã¤ã§ã™ã‹ï¼Ÿ 2008å¹´ã®èª•ç”Ÿæœˆã§25æ‰ã«ãªã‚‹ã¨ã‹ã€‚ å‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã™ãã«å¤‰ã‚ã£ãŸã®ã¯ãªãœã§ã™ã‹ ã„ã‘ã¦ãªã‹ã£ãŸã‹ã‚‰ã§ã™ カノジョã¯å±…ã‚‹ã‚“ã§ã™ã‹ï¼Ÿ ãã†ã„ã†äº‹ã¯ã€ãŠç”ãˆã§ãã¾ã›ã‚“。 æ°—ã«ãªã‚‹æ–¹ã¯ãƒ¡ãƒ¼ãƒ«ã§ãŠå•ã„åˆã‚ã›ä¸‹ã•ã„。 ãŠé…’ã¯å¼·ã„ã‚“ã§ã™ã‹ãƒ¼ï¼Ÿ ã„ã„ãˆã€‚ビールã¯é£²ã‚ãªã„ã£ã™ã€‚梅酒ã‹ã‚«ã‚·ã‚¹ã‚ªãƒ¬ãƒ³ã‚¸ä¸‹ã—ãƒã€‚ デジパã«å…¥ç¤¾ã—ãŸã„ã®ã§ã™ãŒï½¥ï½¥ï½¥ ã„ã¤ã§ã‚‚ã”連絡下ã•ã„。 å¹³å‡å¹´é½¢ã¯ã©ã®ãらã„ã§ã—ょã†ã‹ 27æ³è¾ºã‚Šã ã¨æ€ã„ã¾ã™ã€‚ 何ã§
よãã‚る質å•ã£ã½ã„ã®ã®jQueryを使ã£ãŸã‚µãƒ³ãƒ—ル｜CSS HappyLife
2007å¹´12月6日追記 IE6ã§é¸æŠžä¸ã®ã‚¿ãƒ–ã®ä¸ŠãŒåˆ‡ã‚Œã¦ã„ãŸã®ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ 具体的ã«ã¯css/style.cssã®35行目ã«float: left;ã‚’è¿½åŠ ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘る「よãã‚る質å•ã€ã€‚ 一番多ã„パターンã¯ã€ãƒªã‚¹ãƒˆã§è³ªå•ãŒã‚ã£ã¦ã€ã‚¢ãƒ³ã‚«ãƒ¼ã§å›žç”ã«é£›ã°ã™æ–¹æ³•ã ã¨æ€ã†ã§ã™ã€‚ 特別ソレãŒã„ã‘ã¦ãªã„ã¨ã‹ã¯æ€ã‚ãªã„ã‚“ã§ã™ãŒã€é£›ã‚“ã 後ã«ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã§æˆ»ã‚‰ãªã„人ã¨ã‹ã¯ã€æ¯Žå›žãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—押ã—ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦æˆ»ã£ãŸã‚Šã¨æ¡ˆå¤–手間ã ã£ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ã€‚ ãã‚Œãªã‚‰ãã†ã„ã£ãŸæ‰‹é–“ãŒæŽ›ã‹ã‚‹ã‹ã‚‚知れãªã„ã“ã¨ã‚’å°‘ã—ã§ã‚‚çœã‘ãªã„ã‹ã—ら？ã£ã¦äº‹ã§ã€jQueryを使ã£ã¦ã‚¿ãƒ–åž‹ã§æŠ˜ã‚ŠãŸãŸã¾ã‚ŒãŸã‚ˆãã‚る質å•ã£ã½ã„サンプルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ （å˜ç´”ã«ãƒœã‚¯ãŒã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒä¸€ç•ªè¦‹ã‚„ã™ãã¦å¥½ãã£ã¦ã ã‘ã ã£ãŸã‚Šï¼‰ サンプルページ サンプルダウンãƒãƒ¼ãƒ‰(Zip:20KB) メインã®CSSファイル （サンプ
第4回　メニューを彩るプラグイン（1） | gihyo.jp
ã¯ã˜ã‚㫠第4回ã¯ã‚µã‚¤ãƒˆï¼ˆãƒšãƒ¼ã‚¸ï¼‰ã«ã¯å¿…ãšç”¨æ„ã•ã‚Œã¦ã„るメニューã€ãã‚Œã«é–¢ã™ã‚‹ãƒ—ラグインã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ プラグインを使ã†ã“ã¨ã§ã€ã‚µã‚¤ãƒˆã‚’差別化ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½çš„ï¼ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’シンプルãªHTMLã‹ã‚‰ç°¡å˜ã«ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŠè–¦ã‚メニュー系プラグイン メニューã«é–¢ã™ã‚‹jQueryプラグインもLightboxç³»ã®ã‚‚ã®åŒæ§˜ã€æ§˜ã€…ãªã‚‚ã®ãŒå¤šæ•°å˜åœ¨ã—ã¦ã„ã¾ã™ã€‚今回も特徴的ãªã‚‚ã®3点をピックアップã—ã€ä»Šå›žã¨æ¬¡å›žã€2回ã«ã‚ãŸã‚Šè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Kwicks Kwicksã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é ˜åŸŸã‚’ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ï¼ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã§åŽç¸®ã•ã›ã‚‹ãƒ—ラグインã§ã™ã€‚横方å‘ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã ã‘ã§ãªãã€ç¸¦æ–¹å‘ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã‚‚利用ã™ã‚‹ã“ã¨ãŒã§ãã€åŽç¸®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚„時間間隔も調整ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ˆãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ã§ç¢ºèªã§ãã¾ã™â ）â 。 図1　Kwicks jQuery Multi Lev
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
jQueryã®FlyDom pluginを使ã£ã¦ã¿ãŸã‚‰ä¾¿åˆ©ã ã£ãŸã‘ã©ãƒã‚°ã«å½“ãŸã£ãŸ - Lism.in * blog - nekoya (id:studio-m)
JSONã‚’å–ã£ã¦ãã¦ã€ãã“ã‹ã‚‰JavaScriptã§å‹•çš„ã«HTMLを組ã¿ç«‹ã¦ã¦ã„ãよã†ãªå ´åˆã€ $('#content').html( $('<table>').attr( { id: 'items' } ).html( $('<tr>').append( $('<th>').html( 'Header' ) ).append( $('<td>').html( 'Data' ) ) ) ); ã¨ã‹æ›¸ãã®ãŒé¢å€’ã ãªãƒ¼ã¨æ€ã£ãŸã€‚ã“ã®ã¸ã‚“ã€MochiKitã¯ã„ã„æ„Ÿã˜ã«æ›¸ã‘ãŸã‚ˆã。 何ã‹ã„ã„手ã¯ãªã„ã‹ã¨remedie.jsã‚’èªã‚“ã§ã¿ãŸã‚‰ã€ã“ã‚ŒãŒä½¿ã‚ã‚Œã¦ãŸã€‚ jQuery Plugin - FlyDOM: Create DOM on the Fly ã•ã£ãã®ä¾‹ã ã¨ã€ $('#content').empty().createAppend( 'table', { id: 'items' }, [ 'tr
jQuery Plugin - FlyDOM: Create DOM on the Fly
Synopsis: FlyDOM aims to be an easy-to-use plugin for jQuery that makes generating dynamic content quick and easy. New Plugin Page on jQuery.com! Since jQuery.com unveiled their new plugin wiki, I went ahead and created a new plugin page for FlyDOM. You can find this page at: http://jquery.com/plugins/project/FlyDOM. jQuery FlyDOM 3.1.1 is here. (November 27, 2007) My apologies for the long delay.
jquery1.3 UI1.7 dialogã¯IEï¼–ã ã¨ã‹ãªã‚Šå¾®å¦™ã€‚。。 - astrsk_horiã®æ—¥è¨˜
jquery1.3ã§UI1.7ã®dialogを実装ã—ã¦ã¿ãŸã€‚ 最åˆã«ã¯ã¾ã£ãŸã®ãŒdoctype指定。 ã¾ã•ã‹å®£è¨€ãŒãªã„ã¨IEã§ã¯å‹•ã‹ãªã„ã¨ã¯çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ãŠã‹ã’ã§doctypeã«ã¤ã„ã¦å°‘ã—ç†è§£ã€‚ ãŸã IEï¼–ã®dialogã®æŒ™å‹•ãŒãŠã‹ã—ã„。 リサイズãŒã‚‚ã®ã™ã”ã„ゆã£ãりドラッグã—ãªã„ã¨ã§ããªã„ã®ã§ã™ã€‚。。 →最åˆã¯ãƒªã‚µã‚¤ã‚ºã§ããªã„ã®ã‹ã¨æ€ã£ãŸã€‚ ã“ã‚Œã¯æœ¬å®¶ã‚µã‚¤ãƒˆã‚’IEï¼–ã§ç¢ºèªã—ã¦ã‚‚らãˆã°å†ç¾ã—ã¦ã¾ã™ã€‚ æ—©ã対応ã—ã¦ãã‚Œãªã„ã‹ãªã。。。 ■追記　2009/03/26 dialogã¨ã„ã†ã‹iframeã®ãƒªã‚µã‚¤ã‚ºã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ ■追記　2009/03/28 dialogã®bgiframeã‚’falseã«ã—ã¦ã‚ªãƒ¼ãƒãƒ¬ã‚¤ã«éš れるselectã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºåˆ¶å¾¡ã‚’自作実装ã™ã‚‹ã¨å‡„ãæ—©ããªã‚Šã¾ã—ãŸã€‚
ブãƒãƒƒã‚¯ã‚’一発ã§æƒãˆã‚‹ã‚·ãƒ³ãƒ—ルãªJavaScript
2カラムや3カラムã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®Webページを作るã¨ãã«ã€å·¦å³ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’ビシッã¨æƒãˆãŸã„。特ã«èƒŒæ™¯ã‚’æ•·ã„ã¦ã„ã‚‹å ´åˆãªã©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…容ã«å¿œã˜ã¦é«˜ã•ã‚’ã—ã£ã‹ã‚Šåˆã‚ã›ãŸã„ケースã¯å°‘ãªããªã„。 CSSã§ã¯å°‘々é¢å€’ãªã“ã®å•é¡Œã‚’解決ã—ã¦ãれる便利ãªJavaScriptライブラリã¯ã™ã§ã«ã„ãã¤ã‹ã‚ã‚‹ãŒï¼ˆä»¥å‰ã«ç´¹ä»‹ã—ãŸã€ŒMJLã€ã®æ©Ÿèƒ½ã®1ã¤ã«ã‚‚ã‚る）ã€ä»Šå›žã¯å˜æ©Ÿèƒ½ã§ä½¿ã„ã‚„ã™ã„ã€ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚¯ãƒªãƒ—トを紹介ã—よã†ã€‚Web制作を手ãŒã‘ã¦ã„ã‚‹ãƒãƒ ã•ã‚“作ã®ã€ŒjQuery SameHeight Pluginã€ï¼ˆjquery.sameHeight-1.1.js）ã 。 ãã®åã®ã¨ãŠã‚Šã€JavaScriptï¼Ajaxライブラリ「jQueryã€ã‚’使ã£ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã®ã‚¹ã‚¯ãƒªãƒ—トã¯ã€è¦ªè¦ç´ ã«å¯¾ã—ã¦ç‰¹å®šã®ã‚¯ãƒ©ã‚¹åã‚’è¨å®šã™ã‚‹ã ã‘ã§ã‚‚ã£ã¨ã‚‚高ã„åè¦ç´ ã«åˆã‚ã›ã¦é«˜ã•ã‚’自動調整ã—ã¦ãれるもã®ã€‚スクリプトも使ã„方もã”ãシン
jQuery自作：高ã•ã®é•ã†ãƒ–ãƒãƒƒã‚¯ã‚’åŒã˜é«˜ã•ã«ã™ã‚‹ãƒ—ラグインâ€jQuery SameHeight Pluginâ€
高ã•ã®é•ã†ãƒ–ãƒãƒƒã‚¯ã‚’åŒã˜é«˜ã•ã«ã™ã‚‹æ–¹æ³•ã¯æ—¢ã«æ²¢å±±ã§ã¦ã„ã‚‹ã®ã§ã™ãŒã€ jQueryã§ã§ããªã„ã‹ãªã£ã¦è€ƒãˆã¦ã¿ã¦ã€ä½œã£ã¦ã¿ãŸã€‚ ã“れを使ãˆã°ã€å†…容é‡ã«ã‚ˆã£ã¦ãƒ–ãƒãƒƒã‚¯ã®é«˜ã•ãŒå¤‰ã‚ã£ã¦ã‚‚〠自動的ã«æƒãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 今回ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ã¾ã—ãŸã€‚ リンク先をä¿å˜ã§ä¿å˜ã—ã¦åˆ©ç”¨ã—ã¦ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ï¼šjquery.sameHeight.js 動作を確èªã—ãŸãƒ–ラウザ㯠Firefox3ã€IE6ã€IE7ã€Safari3ã€Opera9.6ã€Chrome。 ãã®ã†ã¡ã€Safariã¨Chromeã¯è¨å®šã«ã‚ˆã£ã¦è‹¥å¹²ã†ã¾ãã„ã‹ãªã„時ãŒã‚るよã†ã§ã™ã€‚ 使ã„æ–¹ jQueryãŒç„¡ã„ã¨å‹•ã‹ãªã„ã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¦ãã ã•ã„。 ãã—ã¦ä»Šå›žã®ãƒ—ラグインもダウンãƒãƒ¼ãƒ‰ã—ã¦ãŠã。 ãã—ã¦äºŒã¤ã‚’利用ã™ã‚‹ãŸã‚ã«ã€head内ã«è¨˜è¿°ã€‚ <script src="js/jquery.js" type="text/
jQuery自作：簡å˜ãªæŒ‡å®šã ã‘ã§ãƒ†ã‚ストを画åƒã¨å…¥ã‚Œæ›¿ãˆï¼ˆç”»åƒç½®æ›ï¼‰ãŒã§ãã‚‹â€jQuery ReplaceImg Pluginâ€
「画åƒç½®æ›ãŒç°¡å˜ã«ã§ããªã„ã‹ãªãƒ¼ã€ ãªã‚“ã¦è¨€ã‚ã‚ŒãŸã“ã¨ãŒéŽåŽ»ã«ã‚ã£ãŸã®ã‚’æ€ã„出ã—ãŸã€‚ CSSã§ã®è¨å®šã‚’覚ãˆãŸã‚‰ç°¡å˜ã«ã§ãã‚‹ã®ã§ã™ãŒã€ ãれよりも簡å˜ã«ä½¿ãˆãªã„ã‹ãªãƒ¼ã¨è€ƒãˆã¦ã„ãŸã‚‰ã€ 「ã‚ã€ãƒ—ラグインã§ã„ã„ã˜ã‚ƒã‚“ï¼ã€ ãªã‚“ã¦ã„ã„ã®ã‹è‰¯ãã‚ã‹ã‚‰ãªã„ã¾ã¾æ˜¨æ—¥ã‹ã‚‰æ§‹æƒ³ã¯ã˜ã‚ã¦ã€ã•ã£ãよã†ã‚„ã完æˆã—ãŸã€‚ ã„ã‚ã„ã‚ãªãƒ†ã‚¹ãƒˆã¨ã‹å®Ÿé¨“ã—ãªãŒã‚‰ä½œã£ãŸã‚‰æ™‚é–“ã‹ã‹ã£ãŸï¼ˆæ±—） ã§ã‚‚作りã¨ã„ã†ã‹ã‚¹ã‚¯ãƒªãƒ—トã¯ã‚‚ã®ã™ã”ãç°¡å˜ã ã£ãŸã‚Šã™ã‚‹ã€‚ ã“ã®ãƒ—ラグインを使ãˆã°ã€ç”»åƒç½®æ›ã‚’ç°¡å˜ã«è¡Œãˆã‚‹ã¨æ€ã†ã€‚ 出æ¥äº‘々ã¯ãŠã„ã¨ã„ã¦ã€ã¨ã‚Šã‚ãˆãšç´¹ä»‹ï¼ ダウンãƒãƒ¼ãƒ‰ã—ã¦ä½¿ç”¨ã—ã¦ãã ã•ã„。 リンク先をä¿å˜ã§ä¿å˜ã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ï¼šjquery.replaceImg-1.0.js 動作を確èªã—ãŸãƒ–ラウザ㯠Firefox3ã€IE6ã€IE7ã€Safari3ã€Opera9.6ã€Chrome。 使ã„æ–¹ jQueryãŒç„¡ã„ã¨å‹•ã‹ãªã„ã®ã§ã€ãƒ€ã‚¦ãƒ³
jQuery自作：シンプルカウントダウンタイマー
ã¡ã‚‡ã£ã¨ã—ãŸã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã®ã‚¿ã‚¤ãƒžãƒ¼ãŒå¿…è¦ã«ãªã£ãŸã®ã§ã€ç°¡å˜ã«ä½œã£ã¦ãƒ—ラグインã«ã—ã¦ã¿ãŸã€‚ ã‹ãªã‚Šã‚·ãƒ³ãƒ—ルã«ã€ãŸã å˜ç´”ã«ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã—ã¦ã„ãã ã‘。 20分ã‹ã‚‰å§‹ã¾ã£ã¦ã€ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ãŒçµ‚ã‚ã‚‹ã¨ã€Œçµ‚了ã—ã¾ã—ãŸã€ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã ã‘。 多機能ã«ã—よã†ã‹ã¨ã‚‚æ€ã£ãŸã®ã§ã™ãŒã€ä»Šã¯ãã“ã¾ã§è‡ªåˆ†ã®ãªã‹ã§æ±‚ã‚ã¦ã„ãªã‹ã£ãŸã®ã§ã‚·ãƒ³ãƒ—ルãªå½¢ã§è½ã¡ç€ãã¾ã—ãŸã€‚ 使ã„æ–¹ ã¾ãšã¯ãƒ—ラグインをダウンãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã£ã¦ãã ã•ã„。直接ã“ã“ã‹ã‚‰èªã¿è¾¼ã‚“ã§ä½¿ã†ã“ã¨ã®ç„¡ã„よã†ã«ãŠé¡˜ã„ã—ã¾ã™ã€‚ jQuery jTimer Plugin 使ã„方もシンプルã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã—ã¦ä¸‹è¨˜ã®ã‚ˆã†ã«ã€ã‚¿ã‚¤ãƒžãƒ¼ã«ã—ãŸã„セレクターã«jTimerã®æ©Ÿèƒ½ã‚’ã¤ã‘ã¾ã™ã€‚ $("selector").jTimer(minute,second); minuteã«ã¯è¨å®šã™ã‚‹åˆ†ã‚’ã€secondã«ã¯è¨å®šã™ã‚‹ç§’を書ã„ã¦ãã ã•ã„。何も書ã‹ãªã„å ´åˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚’20分ã«
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
検索 - MyMemoWiki
http://idocsq.net/page/262
{{#tags}}- {{label}}
{{/tags}}