jQueryã§ç¾åœ¨ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å–å¾—ã¨åˆ¤å®šã‚’ã—ã¦å‡¦ç†ã‚’変ãˆã‚‹ã‚„ã‚Šæ–¹ – bl6.jpjQueryã§ç¾åœ¨ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å–å¾—ã¨åˆ¤å®šã‚’ã—ã¦å‡¦ç†ã‚’変ãˆã‚‹ã‚„ã‚Šæ–¹ã§ã™ã€‚レスãƒãƒ³ã‚·ãƒ–Webデザインã«ã‚‚活用ã§ãã‚‹ã®ã§è¦šãˆã¦ãŠãã¨å½¹ç«‹ã¤ã‹ã¨æ€ã„ã¾ã™ã€‚例ãˆã°ã€ç”»é¢å¹…ãŒ500px以下ã®å ´åˆã«ã ã‘é©ç”¨ã—ãŸã„ã¨ã„ã£ãŸã“ã¨ãŒjQueryを使ãˆã°ã¨ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã。 width()を使ㆠウィンドウサイズをå–å¾—ã™ã‚‹ã«ã¯width()を活用ã—ã¦ã„ãã¾ã™ã€‚以下ã¯500px以下ã®å ´åˆã€æ–‡å—ãŒèµ¤ã«å¤‰ã‚る例ã§ã™ã€‚ <script> $(function() { var w = $(window).width(); var x = 500; if (w <= x) { $('#sample').css({ color: 'red' }); } }); </script> HTML <p id="sample">サンプル</p> ãŸã ã—ã€ã“ã‚Œã ã¨ç”»é¢ã‚’èªã¿è¾¼ã‚“ã 時点ã§ã®ã‚µã‚¤ã‚ºã§åˆ¤å®šã•ã‚Œã‚‹ã®ã§ã€èª
[CSS]ブラウザã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’変更ã™ã‚‹æ–¹æ³•
JavaScript プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¬›åº§
JavaScriptã®åŒæœŸã€éžåŒæœŸã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã€ãƒ—ãƒãƒŸã‚¹è¾ºã‚Šã‚’æ•´ç†ã—ã¦ã¿ã‚‹ - Qiita
第12回　XMLHttpRequest入門 | gihyo.jp
JavaScriptåˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã«ãªã‚ㆠ— uhyohyo.net
JSONãªã‚“ã¦æ€–ããªã„ï¼
タグクラウド
JavaScriptã‚’ä¸å¿ƒã¨ã—ãŸWebアプリ開発ã®æ „枯盛衰ã¾ã¨ã‚――LiveScriptã‹ã‚‰AngularJSï¼React.jsã¾ã§
ScaleOut | Supership
{{#tags}}- {{label}}
{{/tags}}