レスãƒãƒ³ã‚·ãƒ–ã§cssã¨jsã®ãƒ–レイクãƒã‚¤ãƒ³ãƒˆãŒã‚ºãƒ¬ã¦å›°ã‚‹ã¨ãã®å¯¾å‡¦ : 森ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°2月10 レスãƒãƒ³ã‚·ãƒ–ã§cssã¨jsã®ãƒ–レイクãƒã‚¤ãƒ³ãƒˆãŒã‚ºãƒ¬ã¦å›°ã‚‹ã¨ãã®å¯¾å‡¦ カテゴリ:javascriptiphone/ipadサイト Tweet レスãƒãƒ³ã‚·ãƒ–デザインã®ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ã¦ã€ ブレイクãƒã‚¤ãƒ³ãƒˆã®è¨å®šã¯cssã®media-queryã§ã‚„ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã†ã€‚ ã§ã‚‚å‹•çš„ãªå‡¦ç†ãŒã‹ã‚‰ã‚€éƒ¨åˆ†ã§å¤‰æ›´ãŒã‚ã‚‹ã¨ãã¯jsã§ã‚‚切り替ãˆã‚’è¡Œã†ã€‚ window.resize() ã¨ã‹ã§ã€‚ ã‚“ã§ã€ä»Šå›žã€cssã¨jsã§ä¸¡æ–¹ã§åŒæ™‚ã«åˆ‡ã‚Šæ›¿ã‚るよã†ã«ã—ã¦ã„ãŸã®ã ã‘ã‚Œã©ã€ ã©ã†ã‚„らwin端末ã ã¨åˆ‡ã‚Šæ›¿ãˆã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒã‚ºãƒ¬ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚ css　→　768pxã§åˆ‡ã‚Šæ›¿ãˆãŸã„ →　@media screen and (max-width: 768px) →　ã¡ã‚ƒã‚“ã¨768pxã§åˆ‡ã‚Šã‹ã‚ã‚‹ js　→　768pxã§åˆ‡ã‚Šæ›¿ãˆãŸã„ →　if($(window).innerWidth() < 768){ → 　78
jQueryã¯NGã¨è¨€ã‚ã‚ŒãŸæ™‚ã®ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ - Qiita
[JS]ã‹ã£ã“ã„ã„ï¼ãƒ–ラウザやè¦ç´ ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚„スライドショーをアニメーションã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas 2![[JS]ã‹ã£ã“ã„ã„ï¼ãƒ–ラウザやè¦ç´ ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚„スライドショーをアニメーションã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas 2](https://cdn-ak-scissors.b.st-hatena.com/image/square/df5d3a30b733e55f7a58d3fb89e38ff656272054/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031901-00.png)
第6回　è£ã¡è½ã¨ã—ã¦ã‚¤ãƒ³ãƒ‘クトã®ã‚るデザインを作る | gihyo.jp
ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€‘æ–°è¦ Web アプリケーション開発案件をãµã‚Šã‹ãˆã£ã¦ã¿ãŸ | PSYENCE:MEDIA
[JS]パãƒãƒ«ã‚’スムーズã«è‡ªå‹•ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼
[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js![[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
リニューアルã«ä½¿ã„ãŸã„オシャレãªå‹•ãCSS＆JSパーツã¾ã¨ã‚20é¸ | 楽天ティップスRakutenTips
jQueryを使ã£ãŸ100ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã‚µãƒ³ãƒ—ルコードを一括é…布ã—ã¦ã„る・「jQuery Trickshots〠- ã‹ã¡ã³ã¨.net
第3回　トップページを彩るスライドショーã®ãƒã‚¤ãƒ³ãƒˆ | gihyo.jp
jQuery Mobile is not dead!
[JS]液体ãŒæµã‚Œã‚‹ã‚ˆã†ã«ç”»åƒã‚’å°‘ã—ãšã¤è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Liquid Image FX
[JS]ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—ト
[JS]ホãƒãƒ¼æ™‚ã€ãµã‚“ã‚ã‚Šã¨ãƒã‚¦ãƒ³ãƒ‰ã™ã‚‹ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘るスクリプト
[JS]Apple風ã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ï¼šã‚«ãƒãƒ¼ãƒ•ãƒãƒ¼ã‚¹ã‚¯ãƒªãƒ—トã®æ±ºå®šç‰ˆ -ContentFlow
[JS]ç”»åƒã‚’ダイナミックãªä¸Šä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト | コリス
[JS]複数ã®ãƒ‘ãƒãƒ«ã‚’アニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sliding Tab Menu
Brian Reindel | Fantasy and Science Fiction Author
[JS]パãƒãƒ«ãŒã‚¹ãƒ ーズã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルãªã‚¹ã‚¯ãƒªãƒ—ト
[JS]極シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を横ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãƒŠãƒ“ゲーションを表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Slideout.js![[JS]極シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を横ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãƒŠãƒ“ゲーションを表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Slideout.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b5913f9bdd8179129a0b710a9473540ea14fc5c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015030902.gif)
{{#tags}}- {{label}}
{{/tags}}