[JS]表示ä½ç½®ã®å¾®èª¿æ•´ã‚‚å¯èƒ½ã€ã‚ュートãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ールãƒãƒƒãƒ—を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -grumble
テã‚ストé‡ã‚’自動判定ã—ã¦ã‚µã‚¤ã‚ºã‚’大ãã $('#grumble4').grumble( { text: 'Whoaaa, this is a lot of text that i couldn\'t predict', angle: 85, distance: 50, showAfter: 4000, hideAfter: 2000, } ); ); callback関数も用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ $('#myElement').grumble({ showAfter: 1000, hideAfter: 2000, onShow: function(){ console.log('triggered when show animation completes'); }, onBeginHide: function(){ console.log('triggered when hide anima
並ã¹ã‚‰ã‚ŒãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«ã‚’é–‹ãã¨å¹…ãŒå¯å¤‰ã—ã¦å¯èªæ€§ã‚’高ã‚る・Jquery Animated Grid
横ã«ä¸¦ã¹ã‚‰ã‚ŒãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ« ã‚’é–‹ãã¨ã€å¹…ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åºƒãŒã‚Š ã¤ã¤ã€éš£ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒç‹ããªã‚‹ ã®ã§ã€å…¨ä½“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç¶æŒã§ãã‚‹ ã¨ã„ã†ãƒ—ラグイン。幅を気ã«ã—ãªã㦠ã„ã„ã®ã¯å ´åˆã«ã‚ˆã£ã¦ã¯åŠ©ã‹ã‚‹ã‹ã‚‚。 ã¡ã‚‡ã£ã¨è¦‹ã‹ã‘ã¦è‰¯ã•ãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢æ›¸ã。全体ã®å¹…を守りã¤ã¤ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³è‡ªä½“ã®å¹…ãŒå¯å¤‰ã—ã¾ã™ã€‚広ãŒã£ã¦ãれるã“ã¨ã§å°‘ã—å¯èªæ€§ãŒå¢—ã—ã¾ã™ã。ã¡ã‚‡ã£ã¨ã—ãŸå¿ƒé£ã„ã§ã™ã‘ã©ã€ã“ã†ã„ã†ã‚‚ã®ã«jsを使ã„ãŸã„ã¨ã“ã‚ã§ã™ã€‚ ã“ã†ã„ã†æ„Ÿã˜ã§æ¨ªã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒä¸¦ã‚“ã§ã„ã¾ã™ã€‚並ã¹ã‚‹ã¨ã¡ã‚‡ã£ã¨ã‚¿ãƒ³ã‚¹ã¿ãŸã„ã§ã™ã。ãã‚Œã¯ã„ã„ã¨ã—ã¦ã“ã®ã‚¿ãƒ³ã‚¹ã®å¼•ã出ã—ã‚’é–‹ã‘ã‚‹ã¨å¹…ãŒå¯å¤‰ã—ã€éš£ã®èŒ¶ã‚¿ãƒ³ã‚¹ãŒç‹ããªã‚Šã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã€‚アニメーション気æŒã¡ã„ã„ã§ã™ã。 テã‚ストã ã‘ã§ãªãã€ç”»åƒã‚‚対応ã—ã¾ã™ã€‚コンパクトã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç´ã‚ã™ãŽã¦ã‚‚ユーザビリティã«å„ªã‚ŒãŸUIã¨ã¯è¨€ãˆã¾ã›ã‚“ãŒã€ã‚„むを得ãªã„時ã¯ã“ã†ã„ã†æ‰‹ã«é ¼
[jQuery Mobile]役立ã¤ã‚³ãƒ¼ãƒ‰é›†ã¨ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ | コリ
jQuery Mobileを使ã£ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’ã¯ã˜ã‚ã¦ä½œæˆã™ã‚‹éš›ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã€ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ スマフォ対応ページã®åŸºæœ¬HTML jQuery Mobileã®åˆ©ç”¨æ–¹æ³• AJAXナビゲーションã®åœæ¢ リストアイテムã®çœç•¥ã‚’é˜»æ¢ Media Queriesã®åˆ©ç”¨ プラットフォームã®ç‰¹å®š フォームを使用ã™ã‚‹éš›ã®æ³¨æ„点 ãƒãƒƒãƒ—アップ ダイアãƒã‚°ã®ä½œæˆ ã‚ャンセルã¨ã‚»ãƒ¼ãƒ–ã®ãƒœã‚¿ãƒ³ ã‚«ãƒ©ãƒ æ§‹é€ ã‚’ä½œã‚‹æ™‚ã®ãƒã‚¤ãƒ³ãƒˆ スマフォ対応ページã®åŸºæœ¬HTML ã¾ãšã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ãŸã‚ã®åŸºæœ¬ã¨ãªã‚‹HTMLã§ã™ã€‚ HTML <!DOCTYPE html> <html> <head> <
JavaScript入門講座
今日ã®å†…容 JavaScriptを勉強ã—始ã‚ãらã„ã®äººã‚’対象ã«ã—ãŸJavaScript入門講座的ãªã‚‚㮠文法ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ 一人ã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚念ãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ライブコーディングã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚らãˆã‚Œã°ã¨ アジェンダ JavaScriptを勉強ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ライブコーディング part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ライブコーディング part2
jQueryプラグインã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ホームページを作る人ã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQuery。 今回ã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’当ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ラグインをã”紹介ã—ã¾ã™ã€‚ ※プラグインã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ １）3D表示プラグイン サンプルデモ 今年ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3D。 ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルデモを確èªã€‚ 触ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3D表示ã•ã‚Œã¾ã™ã€‚ 呼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
[JS]ã‹ã£ã“ã„ã„アニメーションをå–り入れãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã‹ã£ã“ã„ã„スライドやフェードã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–り入れãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Animated Portfolio Gallery with jQuery デモページ [ad#ad-2] å·¦å´ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨ã€å‰ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をフェードアウトã—ã€æ¬¡ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ã¾ã™ã€‚ デモページ（クリック時ã®ã‚ャプãƒãƒ£ï¼‰ 元記事ã§ã¯ã€HTML, CSS, JavaScriptã®å…¨ã‚³ãƒ¼ãƒ‰ã®è§£èª¬ã‚’ã¯ã˜ã‚ã€å…¨ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ スクリプトã®ã‚ªãƒ—ションã§ã¯ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„アニメーションã®ã‚¹ãƒ”ードã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡žãªã©ãŒèª¿æ•´ã§ãã¾ã™ã€‚ [ad#ad-2] ã¾ãŸã€å·¦å´ã®ã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€ã€Œjquery thumbnail scrollerã€ã§ã™ã€‚
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}