fleXcroll: Cross Browser Custom ScrollBar script by Hesido
FleXcroll, Flexible and Accessible Custom Scroll Bars A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido featuring touch scroll for iPhone Safari updated on 05.06.2016; Switched to FastSpring for payment. updated on 03.02.2013; version 2.1.1, fleXcroll overhaul for click, touchmove and keyboard event handling with many bugfixes and new styling elements for easier customizat
[JS]柔軟ãªclassã®è¨å®šãŒå¯èƒ½ãªResponsive Web Design用ã®è¶…軽é‡(1KB)スクリプト -syze
demo 1：幅1920pxã§è¡¨ç¤º デスクトップ用ã®ç”»åƒï¼ˆhdsize-wide-512x512.png）を表示 syzeã®ä½¿ã„æ–¹ 上記ã®demo 1を例ã«å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="syze.min.js"></script> JavaScript demo1ã§ã¯è¡¨ç¤ºã‚µã‚¤ã‚ºã®æ•°å€¤ã‚’å…ƒã«ã€classåã«ã‚‚ãã®æ•°å€¤ã‚’利用ã—ã¾ã™ã€‚ syze.sizes(320, 480, 768, 1024, 1920); classå .is320(0-479px) .is480(480-767px) .is768(768-1023px) .is1024(1024px-1079px) .is1920(1920+px) CSS è¨å®šãŒå®Œäº†ã—ãŸã‚‰ã€ã‚ã¨ã¯ã‚µã‚¤ã‚ºã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚ body { background:
iOSã¨Androidã«æœ€é©åŒ–ã—ãŸJavaScriptフレームワーク「jqMobiã€ç™»å ´ã€‚jQuery Mobileよりå°ã•ãã¦é«˜é€Ÿ
iOSã¨Androidã«æœ€é©åŒ–ã—ãŸJavaScriptフレームワーク「jqMobiã€ç™»å ´ã€‚jQuery Mobileよりå°ã•ãã¦é«˜é€Ÿ jQuery Mobileã¨åŒæ§˜ã«ã€HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発を実ç¾ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã®JavaScriptフレームワーク「jqMobiã€ã®Î²ç‰ˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ jqMobiã®ã‚³ãƒ³ã‚»ãƒ—トã¯ã€jQueryã¨jQuery Mobileã®æ©Ÿèƒ½ã®ã‚µãƒ–セットをã€iOSã¨Androidå‘ã‘ã«æœ€é©åŒ–ã—ãŸã‚‚ã®ã¨ã„ãˆã‚‹ã§ã—ょã†ã€‚ ã™ã§ã«jQueryã‚„jQuery Mobileã€ã‚ã‚‹ã„ã¯Sencha Touchãªã©ã€ã•ã¾ã–ã¾ãªãƒ¢ãƒã‚¤ãƒ«å‘ã‘HTML5/JavaScriptフレームワークãŒç™»å ´ã™ã‚‹ä¸ã§ã€jqMobiã®ç‰¹å¾´ã¯ã©ã“ã«ã‚ã‚‹ã®ã‹ã€ãƒ–ãƒã‚°ã§æ¬¡ã®ã‚ˆã†ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ jQuery - still focuses on the desktop.
ã‚‚ã†çŸ¥ã‚‰ãªã„ã§ã¯è¨±ã•ã‚Œãªã„ï¼ï¼ã€Œã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹ã€ã¨ã„ã†äººã®ãŸã‚ã®jQuery Mobileæƒ…å ±ã¾ã¨ã‚ | ke-tai.org
ã‚‚ã†çŸ¥ã‚‰ãªã„ã§ã¯è¨±ã•ã‚Œãªã„ï¼ï¼ã€Œã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹ã€ã¨ã„ã†äººã®ãŸã‚ã®jQuery Mobileæƒ…å ±ã¾ã¨ã‚ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆä½œæˆã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「jQuery Mobileã€ãŒã€ã™ã”ã„人気ã§ã™ã。 当åˆã¯æ•°ã‚ã‚‹é¸æŠžè‚¢ã®ä¸ã®ä¸€ãƒ„ールã¨ã—ã¦ç¨‹åº¦ã®æ‰±ã„ã§ã—ãŸãŒã€Adobeã®DreamweaverãŒæœ¬æ ¼å¯¾å¿œã™ã‚‹ãªã©ã€ãã®å‹¢ã„ã¯ç•™ã¾ã‚‹ã¨ã“ã‚を知らãšã€æ ¹å¹¹çš„ãªæŠ€è¡“ã«ãªã‚Šãã†ãªæ°—é…ã™ã‚‰ã‚ã‚Šã¾ã™ã€‚ 今回ã¯éŽåŽ»ã«å½“サイトã§æŽ²è¼‰ã•ã›ã¦ã„ãŸã ã„ãŸæƒ…å ±ã‚‚å«ã‚ã€jQuery Mobileã‚’å¦ã¶ä¸Šã§çŸ¥ã£ã¦ã„ãŸæ–¹ãŒè‰¯ã•ãã†ãªãƒªãƒ³ã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 本家サイト。英語ãŒè‹¦æ‰‹ãªç§ã¯ã€ä¸»ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç”¨é€”ãらã„。 →　jQuery Mobile　本家サイト（英語） [j
jQuery Mobile使用時ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒªã‚¹ãƒˆã¨å‹•ä½œã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
自分用ã«å‚™å¿˜éŒ²ã€‚ãã‚ãã‚ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãŒå‡ºã¦ãã‚‹é ƒã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã€ãㆠ焦るã“ã¨ã‚‚ç„¡ã„æƒ…å ±ã ã¨æ€ã„ã¾ã™ãŒã€è¿‘々 使ã„ãã†ãªã®ã§ãã®æ™‚ã«é¢å€’ãªäº‹ã«ãªã‚‰ ãªã„よã†ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ リストã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ‡ãƒ¢ã¯æœ¬å®¶ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。ã“ã“ã«ã‚るサンプルã¯åƒ•ã®ã„ã„åŠ æ¸›ãªã‚µãƒ³ãƒ—ルã§ã™ã€‚å°šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒè¦‹ã‚„ã™ã„様ã«ã™ã‚‹ã ã‘ã®ç‚ºã«ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆå…¥ã‚Œã¦ã„ã¾ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„。 [note]追記 ã‚‚ã†å°‘ã—増やã—ã¦è¦‹ã‚„ã™ãã—ãŸã‚‚ã®ã‚’ダウンãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ [/note] プラグインèªã¿è¾¼ã¿ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
「jQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã¯å¤§ãã変ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5関連ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkills主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryモãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ スマートフォンサイト作æˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã‚’一変ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1）HTMLを書ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãŒã§ãã¦ã—ã¾ã† 2）モãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3）iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã§ã‚ã‚‹ 具体的ãª
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}