é¸æŠžã•ã›ã¦çµæžœçš„ã«ç”ãˆãŒå‡ºã‚‹ã€Žå¿ƒç†ãƒ†ã‚¹ãƒˆã€åž‹JS組んã§ã¿ã¾ã—㟠– Creator Note
ã“ã‚“ã«ã¡ã¯ï¼ 今回ウェブ制作を行ã†ã«ã‚ãŸã£ã¦è¤‡é›‘ãªé¸æŠžãƒãƒ£ãƒ¼ãƒˆã¿ãŸã„ãªã‚‚ã®ã‚’作æˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ 本æ¥ã¯å›³ã§SVGãªã©ã§ãŠè¶Šã—もよã‹ã£ãŸã®ã§ã™ãŒã€ã‚¹ãƒžãƒ›ã§ã®è¦‹ãˆæ–¹ã‚’考ãˆã‚‹ã¨ã©ã†ãªã‚“ã ã¨ã†ã‹â€¦ã¨ã„ã†ã¨ã“ã‚ã‚‚ã‚ã‚Šã“ã®ãƒ–ãƒã‚°ã«è¨˜è¼‰ã—ã¦ã‚ã‚‹JSを使用ã—ãŸã¨ã„ã†ã“ã¨ã§ã™ã€‚ 本æ¥ç°¡å˜ãªãƒãƒ£ãƒ¼ãƒˆã‚„図ãªã©ã¯ã“ã‚Œã ã‘cssãŒç™ºé”ã—ã¦ã„ã‚‹ã®ã§cssã§ä½œæˆã—ã¦ã—ã¾ã†ã®ã§ã™ãŒã€ä»Šå›žã¯ã‚¹ã‚¿ãƒ¼ãƒˆã‹ã‚‰é¸æŠžè‚¢ãŒè¤‡æ•°ã‚ã£ã¦ã€ã•ã‚‰ã«ä¸€ã¤ã®é¸æŠžè‚¢ã‹ã‚‰è¤‡æ•°ã«åˆ†å²ã™ã‚‹ã¨ã„ã†å†…容ã ã£ãŸã®ã§ãªã‹ãªã‹cssã§ã¯å¯¾å‡¦ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ä»®ã«ã§ããŸã¨ã—ã¦ã‚‚ã€é¸æŠžè‚¢ãŒä¸€ã¤å¢—ãˆãŸã‚‰ãƒ¡ãƒ³ãƒ†ãŒã‚ã¡ã‚ƒãã¡ã‚ƒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ï¼ã¨ã„ã†ã®ãŒä»Šå›žä½œæˆã«ã‚ãŸã£ãŸèƒŒæ™¯ã§ã™ã€‚ ã§ã¯ã•ã£ããサンプルã‹ã‚‰ï¼ See the Pen 心ç†ãƒ†ã‚¹ãƒˆãƒãƒ£ãƒ¼ãƒˆ by sayuri (@giraffeweb) on CodePen.0 コードをãã‚Œãžã‚Œåˆ†é›¢ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢
ASP.NET MVC5ã§Datepicker for Bootstrapを使ㆠ- ãªã‹æ—¥è¨˜
日付をé¸æŠžã•ã›ã‚‹éš›ã€ä»Šã¾ã§jQueryUIã®Datepickerを使ã£ã¦ã„ã¾ã—ãŸãŒä½•æ°—ã«NuGetã§æ¤œç´¢ã—ã¦ã‚‹ã¨Datepicker for Bootstrapã¨ã„ã†ã®ã‚’見ã¤ã‘ãŸã®ã§ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ 1.パッケージをインストール GitHub*1ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦æ‰‹å‹•ã§çµ„ã¿è¾¼ã‚“ã§ã‚‚ã„ã„ã®ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§NuGet使ã„ã¾ã—ょã†ã€‚ パッケージマãƒãƒ¼ã‚¸ãƒ£ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’å©ãã¾ã™ã€‚ > Install-Package Bootstrap.Datepicker NuGetを使ã†ã¨ä¾å˜é–¢ä¿‚ã¨ã‹è§£æ±ºã—ã¦ãれるã®ã§æ¥½ã¡ã‚“ã§ã™ã。 2.jsã‚’èªã¿è¾¼ã‚€ã‚ˆã†è¨å®š 本体ã®bootstrap-datepicker.jsã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«ã—ã¾ã™ã€‚ BundleConfig.csを以下ã®æ§˜ã«å¤‰æ›´ã—ã¾ã™*2 bundles.Add(new ScriptBundle("~/bundles/bootstr
Google+1/Twitter/facebookã„ã„ã!/facebook Share/mixiãƒã‚§ãƒƒã‚¯/mixiイイãƒ!/GREEã„ã„ã/Evernote/ã¯ã¦ãƒ–ã®ãƒœã‚¿ãƒ³ã‚’超カンタンã«ä½œã‚Œã‚‹ jQuery.socialbutton プラグインを作ã£ãŸã‚ˆ
2011å¹´04月30æ—¥ 03:45 引ã続ãv1.7.2を検証ã—ã¦ã„ãŸéš›ã€IE6～IE8ã§ãƒ¡ãƒ¢ãƒªãŒã†ã¾ã開放ã•ã‚Œãªã„ケースãŒã‚ã£ãŸãŸã‚〠対ç–版ã¨ã—ã¦v1.7.3をリリースã—ã¾ã—ãŸã€‚ ã”迷惑をãŠã‹ã‘ã—ã¾ã™ãŒã€æœ€æ–°ç‰ˆã¸ã®ã‚¢ãƒƒãƒ—デートをãŠé¡˜ã„ã—ã¾ã™ã€‚ 2011å¹´04月30æ—¥ 00:15 jQuery.socialbuttonã®XSS脆弱性ã«ã¤ãã¾ã—ã¦ã€å¯¾å¿œç‰ˆã®v1.7.2をリリースã—ã¾ã—ãŸã€‚ v1.7.2以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€urlオプションを指定ã›ãšã«ä»¥ä¸‹ã®ãƒœã‚¿ãƒ³ã‚’呼ã³å‡ºã—ãŸéš›ã€ç„¡å®³åŒ–ã•ã‚Œã¦ã„ãªã„ document.URLã‚’å‚ç…§ã™ã‚‹ã“ã¨ãŒåŽŸå› ã§ã€XSS脆弱性ãŒç™ºç”Ÿã—ã¾ã™ã€‚ mixi ã„ã„ã facebook ã„ã„ã GREE ã„ã„ã æ–°ã¯ã¦ãªãƒ–ックマーク æ—§ã¯ã¦ãªãƒ–ックマーク ã”迷惑をãŠã‹ã‘ã—ã¾ã™ãŒã€æœ€æ–°ç‰ˆã¸ã®ã‚¢ãƒƒãƒ—デートをãŠé¡˜ã„ã—ã¾ã™ã€‚ 2011å¹´04月29æ—¥ 02:40 ç¾åœ¨ã€jQuer
PCã§ã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã€ã‚¹ãƒžãƒ•ã‚©ã§ã¯ã‚¿ãƒƒãƒ—ã§å‹•ä½œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‰ãƒãƒƒãƒ—ダウンメニューを実装ã™ã‚‹jQueryプラグイン・FlexNav - ã‹ã¡ã³ã¨.net
レスãƒãƒ³ã‚·ãƒ–Webデザイン対応サイトå‘ã‘ã®ãƒ‰ãƒãƒƒãƒ—ダウンメニューを実装ã™ã‚‹ç‚ºã®ã‚¹ã‚¯ãƒªãƒ—ト・FlexNavã®ã”紹介ã§ã™ã€‚ãªã‹ãªã‹ä½¿ã„å‹æ‰‹ã‚‚良ã•ãã†ãªå°è±¡ã§ã—ãŸã€‚ PCサイトã§ã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã«ã‚ˆã‚‹ãƒ‰ãƒãƒƒãƒ—ダウンã€ã‚¹ãƒžãƒ•ã‚©ã§ã¯ã‚¿ãƒƒãƒ—ã§é™ã‚Šã‚‹ã‚³ãƒ³ãƒ‘クトãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã®ã§ã“ã®ã¾ã¾åˆ©ç”¨ã—ã¦ã‚‚大丈夫・・ã‹ãªã€‚（ã¾ã 詳ã—ã見ã¦ãªã„ã§ã™ï¼‰ <ul class="flexnav" data-breakpoint="800"> <li>Menu01</li> <li>Menu02</li> </ul> カスタムデータ属性ã§ãƒ–レークãƒã‚¤ãƒ³ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚emå˜ä½ã§ã‚‚セッティングã§ãã‚‹ã¿ãŸã„。 $(".foo").flexNav({ 'transitionSpeed' : '0.4s', 'itemHeight': 50 }); é™ã‚Šã¦ãるスピードãªã©ã¯ã‚ªãƒ—ショ
スマートフォンå‘ã‘ã®HTML5製フレームワーク・Lungo.js - ã‹ã¡ã³ã¨.net
今更ã§ã™ã‘ã©Lungo.jsã‚’å°‘ã—触ã£ã¦ 見ã¾ã—ãŸã€‚Lungo.jsã¯HTML5+CSS3㮠スマートフォンå‘ã‘フレームワーク ã§ã™ã€‚jQueryã‚„mootoolsãªã©ã‚’å¿…è¦ ã¨ã—ãªã„éžä¾å˜åž‹ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ ã®ã§è¦šãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚。 スマフォå‘ã‘フレームワークã§ã™ã€‚GPLv3ライセンスã§OSSã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ スマフォå‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ç›¸å½“出回ã£ã¦ã„ã¾ã™ã®ã§çã—ããªã„ã‹ã‚‚ã§ã™ã‘ã©ãƒ»ãƒ»è§¦ã£ãŸæ„Ÿã˜ã¯ãªã‹ãªã‹ä½¿ã„ã‚„ã™ãã†ã§ã—ãŸã€‚コアファイルã¯éžåœ§ç¸®ã§40kbã»ã©ã€‚ 以下ã€å…¬å¼ã‚µã‚¤ãƒˆã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ Sample スターターã‚ット的ã«ã‚‚使ãˆãã†ã§ã™ã€‚ ↑ 実機ã§ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ ã“ã®æ‰‹ã®ã¯æ²¢å±±ã‚ã‚‹ã®ã§å¥½ã¿ã§é¸ã¹ã°ã„ã„ã§ã™ã。詳細ã¯ä»¥ä¸‹ã§ã©ã†ãžã€‚ Lungo.js
IE7.jsç™»å ´ - IEã®CSS/HTMLéžæº–æ‹ ã¯ã“ã‚Œã§å¯¾å¿œ | エンタープライズ | マイコミジャーナル
Dean Edwardsæ°ã¯7æ—¥(米国時間)ã€IEã®å‹•ä½œã‚’W3C標準仕様ã¸æº–æ‹ ã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリIE7.jsã®æœ€æ–°ç‰ˆã‚’公開ã—ãŸã€‚IE7.jsã¯JavaScriptã§é–‹ç™ºã•ã‚ŒãŸMS Internet Explorerã®HTML/CSS表示を調整ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ。IE7.jsを使ã†ã“ã¨ã§MSIEã®HTML/CSSã¾ã‚ã‚Šã®è¡¨ç¤ºå‡¦ç†ã‚’よりW3C標準è¦ç´„ã«æº–æ‹ ã—ãŸã‚‚ã®ã«ã™ã‚‹ã€‚IE5ã‚„IE6ã§é€éŽPNGを表示ã§ãるよã†ã«ã‚‚ãªã‚‹ã€‚ IE7.jsã¯åŸºæœ¬çš„ã«MSIE5/6å‘ã‘ã«ç”¨æ„ã•ã‚Œã¦ã„ãŸãƒ©ã‚¤ãƒ–ラリをIE7ã«å¯¾å¿œã•ã›ãŸã‚‚ã®ã€‚ã“ã‚Œã¾ã§ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«æ§‹é€ ã¯å»ƒæ¢ã•ã‚Œã€IE7.jsã‚„IE8.jsã¨ã„ã£ãŸã‚ˆã†ã«å€‹åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†é›¢ã•ã‚Œã¦ã„る。ホスティング先もGoogle Codeã¸å¤‰æ›´ã•ã‚ŒãŸã€‚IE7.jsã¯ã‚µã‚¤ã‚ºã‚‚縮å°ã•ã‚Œã€åœ§ç¸®ã—ãŸçŠ¶æ…‹ã§11KBã»ã©ã€‚ã¾ãŸbase2.DOMã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã‚’使ã†ã“ã¨ã§ã‚ˆã‚Šé«˜é€Ÿã«å‹•
Postal Search APIs & Solutions
Postal Search APIs & Solutions ã¨ã¯ Postal Search APIs & Solutions ã¯ã€éƒµä¾¿ç•ªå·ã¨ä½æ‰€ã‚’軸ã«æ§˜ã€…ãªãƒ‡ãƒ¼ã‚¿ã‚’検索ã§ãã‚‹ API ã®æä¾›ã¨ã€ãã® API を活用ã—ãŸã‚¢ãƒ—リケーションã®æ案や事例 を紹介ã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚ãŠã‹ã’ã•ã¾ã§æœ¬ã‚µãƒ¼ãƒ“スã¯ã€2008å¹´3月31日をもã£ã¦1周年を迎ãˆã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚å¿œæ´ã—ã¦ãã ã•ã£ãŸã¿ãªã•ã‚“。ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ Postal Search APIs & Solutions ã¯ã€åˆ©ç”¨è€…ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å°Šé‡ã—ãªãŒã‚‰é€²åŒ–ã—続ã‘ãŸã„ BETA サービスã§ã™ã€‚Postal Search Ajax API ã¨ã„ã†éƒµä¾¿ç•ªå·ã‹ã‚‰ä½æ‰€ã€ä½æ‰€ã‹ã‚‰éƒµä¾¿ç•ªå·ã‚’検索ã§ãã‚‹ JavaScript ベース㮠API ã¨ã€ãã® API を使ã£ãŸã‚µãƒ³ãƒ—ルをæä¾›ã—ã¾ã™ã€‚ã•ã‚‰ã«ã€WEB サーãƒã« Postal Search
jQuery リファレンス
jQueryã¯Ajaxライブラリã®1ã¤ã§ã™ã€‚jQueryã¯ã‚³ãƒ³ãƒ‘クトãªã‚µã‚¤ã‚ºã§ã‚ã‚ŠãªãŒã‚‰éžå¸¸ã«é«˜æ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚2013年時点ã§ã¯ã€éžå¸¸ã«å¤šãã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã«ä½œæˆã•ã‚ŒãŸjQuery Mobileã‚‚ã‚ã‚Šã€ã“れもjQueryをベースã«ã—ã¦ã„ã¾ã™ã€‚ version 2.0.0β2 リファレンス version 1.9.1 リファレンス version 1.9.0 リファレンス version 1.9RC1 リファレンス version 1.8.3 リファレンス version 1.8.2 リファレンス version 1.8.1 リファレンス version 1.8 リファレンス version 1.8RC1 リファレンス version 1.8β2 リファレンス version 1.8β1 リファレンス version 1.7.2 リファレンス ver
緯度経度駅検索API (OKILab.jp開発日記)
レスãƒãƒ³ã‚¹ JSON(callbackを指定ã—ãŸå ´åˆã¯JSONP)å½¢å¼ã«ã‚ˆã‚‹é€£æƒ³é…列(Content-type: application/json; charset=utf-8) è·é›¢ã®è¿‘ã„é †ã«ã‚½ãƒ¼ãƒˆã—ã¾ã™ã€‚ {"stations": [ {"name": 駅å１, "line": 路線å１, "lng": 経度１, "lat": 緯度１, "distance": è·é›¢ï¼‘(メートル) }, ※指定回数{"name"…è·é›¢ï½Ž}を繰り返㗠] } 駅データã¯å›½åœŸäº¤é€šçœãŒæä¾›ã™ã‚‹å›½åœŸæ•°å€¤æƒ…å ±ã€€é‰„é“データ(2005年度版)を基ã«ä½œæˆã—ã¾ã—ãŸã€‚ (2007/08/22より) ã“ã®APIã§å¾—られãŸé§…データã®å†…容ã«ã¤ã„ã¦ã®è²¬ä»»ã¯æ²–電気工æ¥æ ªå¼ä¼šç¤¾(以下ã€ã€ŒOKIã€ã¨ã„ã†)Iã«ã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ãªãŒã‚‰OKIã¯ãƒ‡ãƒ¼ã‚¿ã®å†…容ã«ã¤ã„ã¦ä¸€åˆ‡ä¿éšœã„ãŸã—ã¾ã›ã‚“。予ã‚ã”了承ãã ã•ã„。 リクエスト例 http://o
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹Lightbox 2.0 - ç°¡å˜ã«Webã§å†™çœŸã‚¢ãƒ«ãƒãƒ 機能を (1) Lightbox 2.0ã¨ã¯ï¼Ÿ | パソコン | マイコミジャーナル
Lightbox 2.0ã¨ã¯ï¼Ÿ Lightbox 2.0ã¯Ajaxを利用ã—ã¦ç”»åƒã‚’表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ç”»åƒã¯å˜ç‹¬ã®è¡¨ç¤ºã ã‘ã§ãªãã€è¤‡æ•°ç”»åƒã‚’グループ化ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Lightbox 2.0ã®å¤§ããªç‰¹é•·ã¨ã—ã¦ã‚¹ã‚¯ãƒªãƒ—ト(プãƒã‚°ãƒ©ãƒ )を記述ã—ãªãã¦ã‚ˆã„ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã¤ã¾ã‚Šã€å…¨ãプãƒã‚°ãƒ©ãƒ ãŒåˆ†ã‹ã‚‰ãªã„人手も気軽ã«ä½¿ã†äº‹ãŒã§ãã¾ã™ã€‚Lightbox 2.0ã§ã¯HTMLã®<a>ã‚¿ã‚°ã®rel属性ã«lightboxã®æ–‡å—を記述ã™ã‚‹ã ã‘ã§ã§ãã¦ã—ã¾ã†ã¨ã„ã†æ‰‹è»½ã•ã§ã™ã€‚ã¾ãŸã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿè¡Œã§ãるブãƒã‚°ã§ã‚ã‚Œã°Lightbox 2.0を利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Lightbox 2.0ã¯ä½œè€…ã§ã‚ã‚‹Lokesh Dhakaræ°ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(*1)。 「Lightbox2ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€ 「Lightbox v2.0
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
FlowQuest JS Smart Questionnaire Library
{{#tags}}- {{label}}
{{/tags}}