jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #8 jQueryプラグインã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
僕ã¯äººã®åå‰ã‚’覚ãˆã‚‹ã®ãŒè‹¦æ‰‹ã§ã™ã€‚ãã‚Œã¯ã•ã¦ãŠãã€jQueryプラグインã®ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦é »ç¹ã«å¿˜ã‚Œã‚‹ã®ã§ã€æ‰‹é †ã‚’ã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã“ã¨ã«ã—ã¾ã™ã€‚コレã•ãˆèªã‚ã°æ€¥ã«ãƒ—ラグインを大é‡ã«ä½œã‚Œã¨ã„ã£ãŸç„¡èŒ¶ã¶ã‚Šã‚’ã•ã‚Œã¦ã‚‚大丈夫。 多ã„日も安心♪（ã‚ω・）vｷｬﾋﾟ ã¯ã˜ã‚ã« - jQuery プラグインã®æ§‹æˆ ç´°ã‹ã„å·®ã¯ã‚ã‚Œã©ã€åŸºæœ¬çš„ã«jQueryプラグインã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã§æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ // 匿å関数ã§å…¨ä½“をラップ - (5) (function($) { // ã“ã®ãƒ—ラグインã®åå‰ - (1) $.fn.name_space = function() { //è¦ç´ ã‚’é€€é¿ - (2) var elements = this; // è¦ç´ ã‚’ã²ã¨ã¤ãšã¤å‡¦ç† - (3) elements.each(function() { // 具体的ãªå‡¦ç†ã‚’ã“ã“ã«è¨˜è¿° }); // method chain
jQuery Mobile ãŒå¿…é ˆã‚¹ã‚ルã«ãªã‚‹ï¼ã¨æ€ã†ã®ã§ã“ã‚Œã‹ã‚‰å‹‰å¼·ã™ã‚‹éš›ã«å‚考ã«ãªã‚‹è¨˜äº‹ã¾ã¨ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Adobe ã® Creative Suite 5.5 ãŒç™ºè¡¨ã«ãªã‚Šã¾ã—ãŸã。 Dreamweaver ã®é€²åŒ–ã£ã·ã‚ŠãŒå‡„ã¾ã˜ã„ã§ã™ã€‚マジã§ã€‚ HTML5+CSS3ã¸ã®å¯¾å¿œãŒç›®ã«ä»˜ãã¾ã™ãŒã€å€‹äººçš„ã«ã¯jQuery Mobileã¨PhoneGapフレームワークã®å°Žå…¥ã«æ³¨ç›®ã—ã¾ã™ã€‚ アプリ開発ã¯ã“ã‚Œã¾ã§ã€Objective-Cã‚„javaãŒä¸»æµã§ã—ãŸãŒDreamweaverã§ã‚¢ãƒ—リã¸ã®æ›¸ã出ã—ã¾ã§å‡ºæ¥ã¦ã—ã¾ã†ãªã‚“ã¦â€¦ã€‚今後ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®çµ±åˆé–‹ç™ºç’°å¢ƒã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚‹äºˆæ„ŸãŒã€‚ ã£ã¦ã“ã¨ã§ã€ã¾ãšã¯jQuery Mobileã‚’ç†è§£ã›ãã°ï¼ jQery Mobile ã«ã¤ã„ã¦ã¯ã¾ã 書ç±ã¯ã‚ã¾ã‚Šãªã洋書ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã®ã§ã€å‚考ã«ãªã‚‹è¨˜äº‹ã‚’å–り上ã’ã¦ã¿ã¾ã™ã€‚ http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
「jQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã¯å¤§ãã変ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5関連ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkills主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryモãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ スマートフォンサイト作æˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã‚’一変ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1）HTMLを書ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãŒã§ãã¦ã—ã¾ã† 2）モãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3）iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã§ã‚ã‚‹ 具体的ãª
How to Create a jQuery Confirm Dialog Replacement
Continuing on our quest for building customizable alternatives for browser's controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked. HTML Although we are mainly concentrating on the confirmation dialog, lets first say a few words about the page
[JS]シンプルï¼è»½é‡ï¼ç°¡å˜ï¼ä¸‰æ‹åæƒã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -jQuery.TinySlider
[JS]シンプルï¼è»½é‡ï¼ç°¡å˜ï¼ä¸‰æ‹åæƒã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -jQuery.TinySlider jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderã®å®Ÿè£… HTML スライドã§è¡¨ç¤ºã•ã‚Œã¦ã„るイメージã¯divè¦ç´ ã®èƒŒæ™¯ç”»åƒã§ã™ã€‚ <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaS
今日ã‹ã‚‰ç¾å ´ã§ä½¿ãˆã‚‹jQueryã®ãƒ•ã‚©ãƒ¼ãƒ 関連プラグイン15é¸
Webサイト制作ã§æ¬ ã‹ã›ãªã„ã®ãŒãƒ•ã‚©ãƒ¼ãƒ 。 ã“れらã¯è³¼å…¥æ™‚ã‚„ã€ãŠå•ã„åˆã‚ã›ã€ãƒã‚°ã‚¤ãƒ³ã¨è¨€ã£ãŸãƒ‘ーツã§è‰¯ã使ã‚ã‚Œã¾ã™ã€‚ 今回ã¯ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã‚¹ãƒãƒƒãƒˆã‚’当ã¦ã¦ã€ãªã‚‹ã¹ã使ã„ã‚„ã™ãã€å°Žå…¥ã—ã‚„ã™ã„ã‚‚ã®ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚ ãŸã ã—ã€ã‚ãã¾ã§ã‚‚jQueryプラグインã®ã”紹介ãªã®ã§ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨è¨€ã†æ–¹ã¯è¯éº—ã«ã‚¹ãƒ«ãƒ¼ã—ã¦ãã ã•ã„。細ã‹ã„導入方法ã¾ã§ã¯èª¬æ˜Žã—ã¾ã›ã‚“。 機能性é‡è¦–プラグイン In-Field Labels jQuery Plugin フォームã®ä¸ã«å…¥ã£ã¦ã„ã‚‹æ–‡å—ãŒã‚ªãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã†ã£ã™ã‚‰ã¨æ¶ˆãˆã¦ã„ãプラグイン。 ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã€‚ Create a Progress Bar With Javascript | Nettuts+ demo シームレスã«ãƒ•ã‚©ãƒ¼ãƒ ã®å†…容を変ãˆã€ã•ã‚‰ã«ã©ã‚Œãらã„進んã§ã„ã‚‹ã‹ãŒï¼…ã§ç¢ºèªã§ãる。 overset - jVal - jQuery Form Field V
ITクオリティ シンプルã§åŠ¹æžœçš„ãªjQueryドãƒãƒƒãƒ—ダウンå¼ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ
Twitterã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªã€ãƒ‰ãƒãƒƒãƒ—ダウンå¼ã®ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ を手軽ã«å°Žå…¥ã—ãŸã„ã¨è¨€ã†äººã®ãŸã‚ã®ç°¡å˜ã‚³ãƒ¼ãƒ‰ã€‚ jQueryã§æ‰‹è»½ã«å°Žå…¥ サンプルデモ ダウンãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ 2011/03/09(æ°´) 09:14:31| jQuery | トラックãƒãƒƒã‚¯:0 | コメント:0
jQuery 㧠Cookie を扱ㆠ| /blog
Cookie ã‚’ç°¡å˜ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ jQuery ã®ãƒ—ラグイン㮠jQuery Cookie Plugin ã®ãƒ¡ãƒ¢ã€‚ Plugins | jQuery Plugins 値ã®è¨å®š $.cookie("name", "value"); $.cookie("name","value", { expires: 7 }); // 有効期é™7æ—¥ 値ã®å–å¾— $.cookie("name"); Cookie ã®å‰Šé™¤ $.cookie("name", null); サンプルã ã¨ã“ã‚“ãªæ›¸ãæ–¹ã§åå‰ã¨ã‚ªãƒ—ションを変数ã«å…¥ã‚Œã¦ã‚‹ã€‚ var COOKIE_NAME = 'test_cookie'; var options = { path: '/', expires: 10 }; $.cookie(COOKIE_NAME, 'test', options); This entry was written by
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery UIã®å„エレメントをレトãƒé¢¨ã®ã‹ã‚ã„ã„デザインã«å¤‰æ›´ã™ã‚‹ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ« -jQuery UI Theme Retro
{{#tags}}- {{label}}
{{/tags}}