wdCalendar - jQuery Based Google Calendar Clone
wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database. wdCalendar is free (open source LGPL license), easy to use, and with great functionalities. You can check out the d
質ã®é«˜ã„UXを与ãˆã‚‹ãŸã‚ã®jQueryプラグイン集「9 jQuery Plugins for Improving Website Navigationã€
TOP  >  javascript , WebDesign  >  質ã®é«˜ã„UXを与ãˆã‚‹ãŸã‚ã®jQueryプラグイン集「9 jQuery Plugins for Improving Website Navigation〠WEBã«ã¨ã£ã¦UXã¯ã¨ã¦ã‚‚é‡è¦ãªè¦ç´ ã®ä¸€ã¤ã€‚隅々ã¾ã§ã‚µã‚¤ãƒˆã‚’見ã¦ã„ãŸã ããŸã‚ã«ã¯ã“ã“ãŒãƒ€ãƒ¡ã ã¨åˆ©ä¾¿æ€§ãŒæ‚ªãã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸å¿«ãªæ€ã„を与ãˆã¦ã—ã¾ã„ã¾ã™ã€‚今日紹介ã™ã‚‹ã®ã¯jQueryã§è³ªã®é«˜ã„UXを実ç¾ã™ã‚‹ãŸã‚ã®jQueryプラグインを集ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ9 jQuery Plugins for Improving Website Navigationã€ã§ã™ã€‚ Intro.js jQueryを利用ã—ãŸæ§˜ã€…ãªä»•çµ„ã¿ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚クリエイティブã§ã‚ã‚Œã°è‰¯ã„ã¨ã„ã†ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ–¬æ–°ãªå‹•ãã ã£ãŸã‚Šã€ä»•çµ„ã¿ã ã£ãŸã‚Šã€å·¥å¤«ã‚’å‡ã‚‰ã—ãŸãƒ—ラグインãŒé›†ã‚られã¦ã„ã¾ã™ã€‚今日ã¯ã
Swipebox | A touchable jQuery lightbox
What is Swipebox ? Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet. Main Features Swipe gestures for mobile Keyboard Navigation for desktop CSS transitions with jQuery fallback Retina support for UI icons Easy CSS customization Basic Usage Javascript Include jquery and the swipebox script in your head tags or right before your body closing tag. <script src="lib/jquery-2.0.3.j
Thought Collection by Mike Gioia
Chief Architect at TeachBoost. FOSS and digital privacy enthusiast. Environmentalist. Recent Articles Introduction to Privacy and Security Privacy 10 June 2018 — What are privacy and security? What do they mean in our everyday life? Part 1 of a series on digital privacy and security, this article delves explains these fascinating concepts from the ground up. No Spin Zone: Wheel of Fortune and the
jQuery UI をタッãƒã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾å¿œã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ「jQuery UI Touch Punchã€:phpspot開発日誌
jQuery UI をタッãƒã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾å¿œã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ「jQuery UI Touch Punch〠2012å¹´07月11æ—¥- jQuery UI Touch Punch - Touch Event Support for jQuery UI jQuery UI をタッãƒã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾å¿œã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ「jQuery UI Touch Punch〠jquery 㨠jquery ui ã®å¾Œã«èªã¿è¾¼ã‚“ã§ã€<script>$('#widget').draggable();</script> ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’書ãã¨ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—やリサイズã€ã‚½ãƒ¼ãƒˆã€ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートç‰ã®æ©Ÿèƒ½ãŒiPhone, Android, iPadã§ã‚‚å•é¡Œãªã使ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ãã†ã€‚ jQuery UI ベースã®ã‚µã‚¤ãƒˆã§ã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹ã«ç°¡å˜ã«å¯¾å¿œã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ãªã‹ãªã‹ç´ 晴らã—ã„。 タッãƒã‚¤ãƒ™ãƒ³ãƒˆã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒ
シンプルã§è¦‹ã‚„ã™ã„ガントãƒãƒ£ãƒ¼ãƒˆã‚’æã‘ã‚‹jQueryプラグイン・jQuery.Gantt - ã‹ã¡ã³ã¨.net
シンプルã§è¦‹ã‚„ã™ã„ガントãƒãƒ£ãƒ¼ãƒˆ ã‚’æç”»ã§ãã‚‹jQueryã®ãƒ—ラグイン。 以å‰è¦‹ã‹ã‘ã¦ã‹ã‚‰æ”¾ç½®ã—ã¦ã„ãŸã®ã§ å°‘ã—触ã£ã¦è¦‹ã¾ã—ãŸã€‚使ã†æ©Ÿä¼šã¯ 個人的ã«ã¯å¤šãã‚ã‚Šã¾ã›ã‚“ã‘ã©ã€ 覚ãˆã¦ç½®ã„ã¦æã¯ã—ãªã„ã‹ã¨ã€‚ ã“ã®æ‰‹ã®ã¯ã‚ˆã見ã‹ã‘ã¾ã™ã‘ã©ã€ä»Šæ—¥ã®ãƒ—ラグインã¯å€‹äººçš„ã«ä½¿ã„ã‚„ã™ã„å°è±¡ã ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã“ã†ã„ã†ã‚„ã¤ã€‚ サンプル作ã£ãŸã®ã§å®œã—ã‘ã‚Œã°ã”覧下ã•ã„。 Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src="jquery.fn.gantt.js"></script> 本体ã¨ãƒ—ラグイン。 $(".foo").gantt({ scale: "weeks", minScale: "weeks"
ストレス無ã—ã§Googleマップを使ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無ã—ã§Googleマップを使ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.js〠Googleマップã®ã‚µã‚¤ãƒˆã¸ã®å®Ÿè£…ãŒæœ¬å½“ã«ç°¡å˜ã§ã€ã‹ã¤å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ラリã®ã”紹介ã§ã™ ç°¡å˜ãªãƒžãƒƒãƒ—を出ã™ã®ã«å¿…è¦ãªã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ 表示ã•ã›ã‚‹divã¨ç·¯åº¦çµŒåº¦ã‚’指定ã™ã‚‹ã ã‘ã§ã™ 出æ¥ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ マップã®ã‚¯ãƒªãƒƒã‚¯ã€ãƒ‰ãƒ©ãƒƒã‚°æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©å®Ÿè£… マーカー付与 ジオãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° マップオーãƒãƒ¼ãƒ¬ã‚¤ マップ上ã®ã‚³ãƒ³ãƒ†ã‚ストメニュー実装 地図上ã®åŒºç”»æŒ‡å®š 目的地ã¾ã§ã®ãƒ«ãƒ¼ãƒˆæç”» é™çš„ãªç”»åƒã‚’マップ表示 ãªã©ãªã©è¶…多機能。 Googleマップ使ã†ã‹ã‚‚ã—ã‚Œãªã„å ´åˆã¯è¦šãˆã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“ 関連エントリ Googleマップ関連ã®jQueryプラグインã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† スマホやタブレットã§Googleマップ風
Hey, I'm Scott
The swankiest Javascript framework for elegantly sliding pages and parallaxing backgrounds. It'll make your monocle drop. Hey, I'm Scott I like to hit the keyboard and make nifty things. I do hope you fine chaps enjoy Parallax.js as much as I do. If you have any questions, compliments, or just built something super cool with it, I'd love to hear about it! Contact: scott.tolksdorf@gmail.com
HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãり効果ãŒä½œã‚Œã‚‹JSライブラリ「turn.jsã€:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãり効果ãŒä½œã‚Œã‚‹JSライブラリ「turn.js〠ドラッグ＆ドãƒãƒƒãƒ—ã§ã¹ã‚‰ã£ã¨ã‚ãã‚‹ã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒHTML5ã§å®Ÿç¾ã§ãã€iPadã‚„iPhoneãªã©ã§ã‚‚動作ã—ã¾ã™ã€‚ é›»å書ç±ãƒ“ューアã¨ã—ã¦ä½¿ãˆãã†ã§ã™ã ページã«ç«‹ä½“感を出ã™ãŸã‚ã«å½±ãªã‚“ã‹ã‚‚æç”»ã•ã‚Œã¦ã¾ã™ã€‚ マークアップやåˆæœŸåŒ–も超簡å˜ã§ã™ã€‚<div>を並ã¹ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘。 関連エントリ HTML5ã§è¶…リアルãªãƒšãƒ¼ã‚¸ã‚ãり効果を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ル モãƒã‚¤ãƒ«ãƒ–ラウザã§ã®HTML5対応状æ³ãŒä¸€ç›®çžç„¶ã®ã€ŒMobile HTML5〠HTML5/JavaScriptã§ãƒ†ã‚ストtoスピーãƒã‚’実ç¾ã§ãる「speak.jsã€
WordPressã®ãƒˆãƒƒãƒ—ページを雑誌や新èžã®ã‚ˆã†ãªæ®µçµ„ã«ã™ã‚‹æ–¹æ³•
WordPressã®ãƒ–ãƒã‚°ã¯ä¸€èˆ¬çš„ã«è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã¨è¨˜äº‹ã®æ¦‚è¦ãŒå˜ç´”ã«ç¸¦ã«ä¸¦ã¶ã ã‘ã§ã™ãŒã€jQuery Masonry ã¨ã„ㆠjQuery プラグインを使用ã™ã‚‹ã¨ã€ã“ã®ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページã®ã‚ˆã†ã«é›‘誌や新èžã®ã‚ˆã†ãªæ®µçµ„ã§è¨˜äº‹ä¸€è¦§ã‚’並ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jQuery Masonry 㯠WordPress 用ã«ä½œã‚‰ã‚ŒãŸã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€WordPress テーマã«çµ„ã¿è¾¼ã‚“ã§ãƒˆãƒƒãƒ—ページç‰ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€å…¬å¼ã®ãƒ‰ã‚ュメント通り㫠JavaScript を書ã„ãŸã ã‘ã§ã¯ WordPress テーマã§ã¯ã†ã¾ãå‹•ã‹ãªã„ã®ã§ã€ã‚„り方をã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã“ã“ã§ã¯ã€WordPress 3.3 ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã€ŒTwentyElevenã€ã‚’ベースã«è§£èª¬ã—ã¾ã™ã€‚ 準備 ã¾ãš jQuery Masonry å…¬å¼ã‚µã‚¤ãƒˆ ã®ãƒšãƒ¼ã‚¸ä¸å¤®ã«ã‚る「Download the script
[JS]リストè¦ç´ ã§ç°¡å˜ã«å®Ÿè£…ã§ãるニュースティッカー -jQuery News Ticker
アニメーションã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’実装ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ IE6+ã‚’ã¯ã˜ã‚ã€ã‚¹ãƒžãƒ•ã‚©ç”¨ã®Safari Mobileã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ jQuery News Ticker デモ [ad#ad-2] jQuery News Tickerã®å®Ÿè£… jQuery News Tickerã®å®Ÿè£… 外部ファイル スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link href="styles/ticker-style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <script src="in
[jQuery]シンプルãªãƒ†ã‚£ãƒƒã‚«ãƒ¼ã„ã‚ã„ã‚ | Arch
æ ªä¾¡ã®ã‚ˆã†ã«æµã‚Œã‚‹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ サンプル ニュース1 ニュース2 ニュース3 ニュース4 ニュース5 è¨ç½®æ–¹æ³• 01) jQuery liScrollã‹ã‚‰ã€Œjquery.li-scroller.1.0.jsã€ã¨ã€Œli-scroller.cssã€ã‚’ダウンãƒãƒ¼ãƒ‰ 02) ヘッダã«ä»¥ä¸‹ã®ã‚½ãƒ¼ã‚¹ã‚’記述ã™ã‚‹ <link rel="stylesheet" href="css/li-scroller.css" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.li-scroller.1.0.js" type="text/javascript"></script> <script type="text/javascript"> $(function
[JS]多彩ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã‚‹2.3KBã®è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -jsMorph
Tutorial demos ã•ã¾ã–ã¾ãªåŸºæœ¬ã¨ãªã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ‹ãƒƒãƒˆé›†ã€‚ [ad#ad-2] jsMorphã®å®Ÿè£… 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphã®åŸºæœ¬æ›¸å¼ã§ã™ã€‚ var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
[JS]超軽é‡ãƒ»è¶…高性能ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã®ã‚¹ã‚¯ãƒªãƒ—ト -Sudo Slider
クãƒã‚¹ãƒ–ラウザ対応ã€å„パãƒãƒ«ã®ãƒ–ックマークやスクリプトã®ã‚ªãƒ•æ™‚ã‚‚é…æ…®ã•ã‚ŒãŸã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§è¶…軽é‡ãƒ»è¶…高性能ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Sudo Slider jQuery Plugin デモページ Sudo Sliderã®ä¸»ãªç‰¹é•· リストè¦ç´ ã§ç°¡å˜ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装。 AJAXã§ç”»åƒã‚„HTMLã‚’ãƒãƒ¼ãƒ‰ã€‚ スクリプトã®ã‚ªãƒ•æ™‚ã§ã‚‚コンテンツãŒå¯èƒ½ã€‚ マルãƒãƒ—ルãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã‚‚対応。 標準的ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‹ã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã¾ã§å¤šå½©ãªè¡¨ç¤ºã‚’用æ„。 å„パãƒãƒ«ã¸ã®ç›´æŽ¥ãƒªãƒ³ã‚¯ãŒå¯èƒ½ï¼ˆãƒ–ックマークå¯ï¼‰ã€ãƒ–ラウザã®ã€Œå‰ã¸ã€ã€Œæ¬¡ã¸ã€ã‚’サãƒãƒ¼ãƒˆã€‚ パãƒãƒ«å†…ã¯ç”»åƒã€ãƒ†ã‚ストã€å‹•ç”»ã€ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã•ã¾ã–ã¾ãªHTMLコンテンツを表示å¯èƒ½ã€‚ 自動å†ç”Ÿã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚‚å¯èƒ½ã€‚ ループå†ç”Ÿã‚‚å¯èƒ½ã€‚ セットアップã¯ç°¡å˜ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã€‚ IE6+, Fx, Chrome, Safari, Opãªã©ä¸»è¦ãƒ–ラウザã®
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Ionic: Enterprise App Platform
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
{{#tags}}- {{label}}
{{/tags}}