パララックスã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§jQuery Mobileãªä¼æ¥ã‚µã‚¤ãƒˆã‚’開発・公開ã—ã¾ã—ãŸï¼ˆæ ªå¼ä¼šç¤¾ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«å…¬å¼ã‚µã‚¤ãƒˆï¼‰ - IT-Walker on hatena
http://www.camobile.com 昨日オープンã—ãŸã®ã§ã™ãŒã€ã“ã¡ã‚‰ã§ã‚‚宣ä¼ã—ã¦ãŠãã¾ã™ã€‚ ã“ã®2ヶ月弱ã¨ã„ã†ã‚‚ã®ã€ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã‚’開発ã—ã¦ã¾ã—ãŸã€‚ ã¼ããŒç¾åœ¨ãŠä¸–話ã«ãªã£ã¦ã„ã‚‹ã€æ ªå¼ä¼šç¤¾ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã•ã‚“ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ã™ã€‚ æ»ã«ãã†ãªã»ã©å¿™ã—ã‹ã£ãŸã‘ã©ã€ãªã‹ãªã‹ã‚¤ãƒ³ãƒ‘クトã®ã‚るサイトãŒã§ããŸã‚“ã˜ã‚ƒãªã„ã‹ã¨è‡ªè² ã—ã¦ã¾ã™ã€‚ 自由ã«ã‚„らã›ã¦ã„ãŸã ãã€ç· ã‚切りã®å»¶é•·ã«ã‚‚å¿œã˜ã¦ä¸‹ã•ã£ãŸã€ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã•ã‚“ã®æ‡ã®æ·±ã•ã«æ„Ÿè¬ã€‚ マウスホイールã®ãªã„æ–¹ã¯ã€æ–¹å‘ã‚ーã§ã‚‚ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã¼ã一人ã§ä½œã£ãŸã‚ã‘ã§ã¯ãªãã€ä½œæ¥ã®ã»ã‚“ã®ä¸€éƒ¨ã‚’ãŠæ‰‹ä¼ã„ã—ãŸã ã‘ã§ã™ã€‚ 一緒ã«åˆ¶ä½œã—ãŸãƒ¡ãƒ³ãƒãƒ¼ã§ã‚る稲田真帆ã•ã‚“ã€é‡‘井å¥ä¸€ã•ã‚“ã€æ¡‘田美由喜ã•ã‚“ã€æŸ´ç”°éº»è¡£ã•ã‚“ã€ã»ã‹ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ« デザイン室ã®çš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ã‚’申ã—上ã’ã¾ã™ã€‚ 今回ã€ã‹ãªã‚Šè‡ªç”±ã«ã‚„らã›ã¦ã„ãŸã ã‘ãŸã®ã§ã€æŠ€è¡“çš„ãªãƒãƒ£ãƒ¬ãƒ³ã‚¸
[JS]実装ã¯ç°¡å˜ã€æ©Ÿèƒ½ã¯æœ€å°é™ã€Responsiveデザイン対応ã®è¶…シンプルãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Blueberry
表示サイズã«åˆã‚ã›ã¦æœ€é©ãªã‚µã‚¤ã‚ºã§è¡¨ç¤ºã™ã‚‹ã€å¹…ãŒå›ºå®šã§ã¯ãªã„レイアウト用ã®è¶…シンプルãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ 「Blueberryã€ã¨ã„ã†åå‰ã¯ã€é–‹ç™ºæ™‚ã«ä½¿ã£ãŸç”»åƒãŒãƒ–ルーベリーã ã£ãŸã‹ã‚‰ã ãã†ã§ã™ã€‚ デモページ：幅480pxã§è¡¨ç¤º [ad#ad-2] Blueberryã®ä½¿ã„æ–¹ 実装ã¯ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ 外部ファイル 「jquery.jsã€ã¨å½“スクリプトã€ã‚ã¨å½“スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※スタイルシートã¯ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚ <link rel="stylesheet" href="css/blueberry.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></scrip
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Grid-A-Licious – レスãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã€ã‚°ãƒªãƒƒãƒ‰ã‚’æ•·ãè©°ã‚ã‚‹jQueryプラグイン – creamu
{{#tags}}- {{label}}
{{/tags}}