Parallax.js | Simple Parallax Scrolling Effect with jQuery
Notice: Hello mobile user. Unfortunately, this parallax effect is not reliably achieved on mobile devices, so all you will see on this demo page are static backgrounds. Please visit this page on a desktop browser to see its full effect. Simple Parallax Scrolling parallax.js Parallax.js is a dirt simple parallax scrolling effect inspired by Spotify.com and implemented as a jQuery plugin. Download P
Pure CSS Off-Screen Navigation Menu
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
デザインをレスãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã•ã›ã‚‹æ™‚ã«å½¹ç«‹ã¤jQuery・プラグイン6（サンプルã‚り） - Design Color
レスãƒãƒ³ã‚·ãƒ–対応jQueryコード 1.スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ç¾ã‚Œã¦è¿½å°¾ã™ã‚‹ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ç¾ã‚Œã‚‹ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§ã™ã€‚よã見るやã¤ã§ã™ã。PC版ã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãµã‚ã£ã¨ç”»é¢å³ä¸‹ã«ç¾ã‚Œã¦è¿½å°¾ã—ã¾ã™ãŒã€ã‚¹ãƒžãƒ›ç‰ˆï¼ˆã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…480px以下）ã§ã¯ã¤ã„ã¦ã“られるã¨é¬±é™¶ã—ã„ã®ã§ç”»é¢æœ€ä¸‹éƒ¨ã«å›ºå®šã—ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚る程度スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ç¾ã‚Œã‚‹jQueryコード。 <!-- jQuery --> <script> $(function(){ var pageTop = $("#pageTop"); pageTop.click(function () { $('body, html').animate({ scrollTop: 0 }, 300); return false; }); $(window).scroll(function () { if($(th
ページ内リンクã¯ã‚¹ãƒ ーズスクãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚一瞬点滅ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†å®Ÿé¨“
スムーズスクãƒãƒ¼ãƒ«ä»¥å¤–ã®æ–¹æ³•ã§ã€ãƒšãƒ¼ã‚¸å†…リンクã«ã‚ˆã£ã¦ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã“ã¨ã‚’利用者ã«ã‚ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹æ–¹æ³•ã¯ãªã„ã‹ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸å†…リンクã§ã®ç§»å‹•æ™‚ã«ç”»é¢ã‚’一瞬点滅ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを jQuery ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ タイトル㌠（謎） ãªæ„Ÿã˜ã§ã™ãŒ...... ページ内リンクã§ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ç§»å‹•ã•ã›ãŸã‚Šã™ã‚‹ã¨ãã€æœ€è¿‘ã¯æ‰€è¬‚スムーズスクãƒãƒ¼ãƒ«ã£ã¦ã‚„ã¤ã‚’実装ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã‚ˆã。パッã¨çž¬æ™‚ã«ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ã¦ã—ã¾ã†ã¨ã€ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã—ãŸã“ã¨ãŒã‚ã‹ã‚Šã«ãã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡¦ç†ã‚’入れるã“ã¨ã§ã‚ã‹ã‚Šã‚„ã™ãã—ã¦ã‚ã’ã¾ã—ょã†ã£ã¦è¨€ã†ã€è¦ªåˆ‡å¿ƒã‹ã‚‰æŽ¡ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ 実装方法㯠JavaScript 㨠CSS アニメーションã®çµ„ã¿åˆã‚ã›ã‚„ã€JavaScript （ã¨ã„ã†ã‹ jQuery） ã§ã¨ã„ã†ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚¹ãƒ ーズスクãƒãƒ¼ãƒ«ã®å®Ÿè£…方法ã¯ã©ã‚ŒãŒè‰¯ã„ã®
ã€jQuery】ã»ã‚“ã®å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã€‚（改訂版）
æ ªå¼ä¼šç¤¾ã‚ªãƒ³ã‚º 開発ブãƒã‚° ã€jQuery】ã»ã‚“ã®å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã€‚（改訂版） ウェブページèªã¿è¾¼ã¿æ™‚ã«ã€Œãƒ•ãƒ¯ã£ã€ã¨ã—ãŸæ„Ÿã˜ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã™ã€‚ ã“ã“ã§ã¯ã€Œã“れ以上簡å˜ã«ã¯ã§ããªã„よï¼ã€ã¨ã„ã†ãらã„ã€ã»ã‚“ã®åƒ…ã‹ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ HTML ã®è¨˜è¿°æ–¹æ³•ã‹ã‚‰â€¦ã€‚ã¨è¨€ã„ãŸã„ã¨ã“ã‚ã§ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹æ–¹æ³•ã§ã¯ä½•ã‚‚考ãˆãšã«ãƒ•ãƒ„ーã«HTMLを書ã„ã¦ã—ã¾ã£ã¦ã‚‚大丈夫ã§ã™ã€‚ スタイルシートも使ã„ã¾ã›ã‚“。 ã™ã¹ã¦ã‚’jQueryã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§è³„ã„ã¾ã™ã€‚ ã¨ã„ã†ãƒ¯ã‚±ã§jQueryã®è¨˜è¿°æ–¹æ³•ã§ã™ã€‚ 「fade.jsã€ã¨ã§ã‚‚å付ã‘㟠JavaScript ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’用æ„ã—ã¦ã€ãã®ä¸ã«ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ $('head').append( '<style>body{display:none;
BlackFlag - Web Development Technical | jQuery,HTML,CSS,iPhone,iPad,Twitter etc...
Categories HTMLï¼(X)HTML (33) HTML5 (26) CSS (124) CSS3 (84) jQuery (334) TIPS (157) プラグイン (147) プラグイン集 (39) ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæƒ…å ± (2) JavaScript (31) Mootools (8) iPhoneï¼iPadï¼iPodï¼Android (26) Twitter (6) Facebook (2) IE (17) Firefox (6) SEO (10) Flash (2) WordPress (3) Silverlight (3) Webサービス (53) WebサイトGallery (17) Webç´ æ (44) Web開発用ツール (29) Webæƒ…å ± etc… (8) ãƒªãƒªãƒ¼ã‚¹æƒ…å ±ï¼ˆãã®ä»–） (17)
サイトã§ãŠã—ゃれã«å‹•ç”»å†ç”Ÿï¼ã‚ªãƒªã‚¸ãƒŠãƒ«UIã®å…¨ç”»é¢å‹•ç”»ã‚’å®Ÿè£…ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€åˆ¶ä½œéƒ¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãºã¡ã“ã§ã™ã€‚ è¿‘é ƒå‹•ç”»ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã«é–¢ã‚らã›ã¦ã„ãŸã ã機会ã«æµã¾ã‚Œã¦ãŠã‚Šã¾ã™ãŒã€ ãŠæ¥ãšã‹ã—ãªãŒã‚‰video実装をã—ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ ã²ãŸã™ã‚‰å‹‰å¼·ä¸‰æ˜§ã§ã—ãŸã€‚ 背景ã«å‹•ç”»ã‚’使ã£ãŸã‚µã‚¤ãƒˆã‚‚ã€ä»Šã§ã¯ã ã„ã¶ã‚“主æµã«ãªã£ã¦ããŸå°è±¡ã§ã™ãŒã€ 動画を1ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦ã€é•·ã‚ã«ã—ã£ã‹ã‚Šã¨è¼‰ã›ã¦ã„るサイトも増ãˆã¦ãã¾ã—ãŸãï¼ å‹•ç”»ã‚’å¤§äº‹ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€éƒ¨ã¨ã™ã‚‹ã¨ã€ YouTubeã‚„Vimeoã§ç°¡æ˜“çš„ã«è¼‰ã›ã‚‹ã ã‘ã§ã¯ã©ã†ã—ã¦ã‚‚物足りãšâ€¦ã€‚ ã›ã£ã‹ããªã®ã§<video>タグを使用ã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‚„シークãƒãƒ¼ã‚’作ã£ã¦ã—ã¾ãŠã†ï¼ã¨ã„ã†ã®ãŒä»Šå›žã®è¨˜äº‹ã®å†…容ã§ã™ã€‚ ã§ã¯æ—©é€Ÿè¡Œãã¾ã—ょã†ï¼ オリジナルUIã®å…¨ç”»é¢å‹•ç”»ã‚’<video>ã§å®Ÿè£…ã™ã‚‹æ–¹æ³• JSを使用ã™ã‚Œã°videoã‚’ãŒã£ã¤ã‚Šã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã®ã§ã™ãŒã€ ã“ã‚ŒãŒã¾ãŸèª¿ã¹ã¦ã‚‚スクリプトãŒå‡ºã¦ãã‚‹ã°ã‹ã‚Šã§ã€
jQueryプラグイン「bxSliderã€ãŒãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã«ãªã£ã¦ãŸ | ã‚¹ã‚¿ãƒ¼ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰æ ªå¼ä¼šç¤¾
以å‰ã€ã“ã®ã€ŒbxSliderã€ãƒ—ラグインã«ã¤ã„ã¦èª¬æ˜Žã‚’ã•ã›ã¦é ‚ã„ãŸã®ã§ã™ãŒã€ 最近ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã•ã‚Œã€æ©Ÿèƒ½ã‚‚パワーアップã•ã‚Œã¦ã¾ã—ãŸã€‚ サイト自体もリニューアルã•ã‚Œã€ä»Šé¢¨ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ãã‚Œã«ä¼´ã„ã€ä»Šå›žæ–°ã—ã記事ã«ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 以å‰ã®è¨˜äº‹ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ コンテンツスライダーã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã‚‚ãªã‚‹jQueryプラグイン「bxSlider〠今回ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸç‚¹ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ ・レスãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œ ・スワイプãŒå¯èƒ½ï¼ˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼‰ ・cssãŒä»˜ã„ã¦ã„ã‚‹ã®ã§ã€cssã®è¨å®šãŒæ¥½ã«ãªã£ãŸ ・コントãƒãƒ¼ãƒ«ã®ç”»åƒç‰ã‚‚付ã„ã¦ã„ã‚‹ ・カルーセルã®è¨å®šã‚‚変更ã«(プラグインã§è¨å®šã™ã‚‹) 今回もDEMOを作æˆã—ã¾ã—ãŸãŒã€ レスãƒãƒ³ã‚·ãƒ–ã«ãªã£ãŸç®‡æ‰€ä»¥å¤–ã¯ã€ã‚ã¾ã‚Šä»¥å‰ã®ã¨å¤‰ã‚ã£ã¦ã¯ã„ã¾ã›ã‚“。 DEMO ãã‚Œã§ã¯ç°¡å˜ã«ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä½¿ã„æ–¹ã§ã™ã€‚ bxSlider
Color animation jQuery plugin
Bitstorm.org > JavaScript > jQuery plugins > Color animation Animating colors With jQuery's animate function, you can animate all kinds of css-properties. What's really missing from jQuery is animating colors. This plugin will add this feature. With this plugin, you can animate the following properties: color backgroundColor borderColor borderBottomColor borderLeftColor borderRightColor borderTopC
俺ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒ—ラグインã®å‡„ã•ã‚’ã“ã“ã§çŸ¥ã‚‹ã¹ãï¼
世界ä¸ã®ã¿ãªã•ã‚“ã€ã”ãã’んよã†ã€‚「åŠæ²¢ç›´æ¨¹ã€ã¨ã„ã†æ¥½ã—ã¿ã‚’失ã£ãŸã‚«ã‚¤ãƒˆã§ã™ã€‚ Web 関連ã®è¨˜äº‹ãŒç¶šãã¾ã™ãŒã€jquery.multirollover.js ã¨ã„ã†ç”»åƒãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’実装ã™ã‚‹ jQuery プラグインを作りã¾ã—ãŸã®ã§ã€ã“ã“ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 少々長ã„記事ã§ã™ãŒã€å¾ŒåŠã«ã¯ãŠæ¥½ã—ã¿ã‚’用æ„ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€æ˜¯éžæœ€å¾Œã¾ã§ãŠèªã¿ãã ã•ã„。 ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã¨ã¯ rollover ã®æœ¬æ¥ã®æ„味ã¯ã€Œå¯è¿”りを打ã¤ã€è»¢ãŒã™ã€ã§ã™ãŒã€Webサイトãªã©ã§ã¯ä»¥ä¸‹ã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ JavaScriptãªã©ã«ã‚ˆã‚‹Webページã®è¡¨ç¾åŠ¹æžœã®ã²ã¨ã¤ã€‚Webページ上ã®ã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’è¨å®šã—ãŸç”»åƒã«ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã‚’åˆã‚ã›ã‚‹ã¨ã€è‡ªå‹•çš„ã«ä»–ã®ç”»åƒã«å¤‰åŒ–ã™ã‚‹ã€‚ãƒã‚¤ãƒ‘ーリンクãŒè¨å®šã•ã‚ŒãŸãƒœã‚¿ãƒ³ãªã©ã«åˆ©ç”¨ã•ã‚Œã‚‹ã€‚ ASCII.jpデジタル用語辞典より ボタンãªã©ã§ä½¿ã‚れるã“ã¨ãŒå¤šã„ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼
スクãƒãƒ¼ãƒ«ä½ç½®ã«ã‚ˆã£ã¦ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定/解除ã•ã›ã‚‹ jQuery実装方法
2012å¹´ã®å§‹ã‚ã«ã€ jQuery 】ページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€”ä¸ã§æŒ‡å®šè¦ç´ ã®ä½ç½®ã‚’「固定 / 解除ã€ã™ã‚‹æ–¹æ³•ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§æ›¸ã„ãŸã®ã¯ã€ãƒ˜ãƒƒãƒ€ãƒ¼ãƒãƒ¼ã¨ãƒ•ãƒƒã‚¿ãƒ¼ãƒãƒ¼ã‚’対象ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã«ã‚ˆã‚‹è¦ç´ を固定/解除ã™ã‚‹æ–¹æ³•ã§ã—ãŸã€‚当時ã¯ã¾ã サイドãƒãƒ¼ã‚’固定ã•ã›ã‚‹UIã¨ã„ã†ã®ã¯ä¸»æµã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€æ˜¨å¹´ã®å¾ŒåŠã‹ã‚‰ä»Šå¹´ã«ã‹ã‘ã¦ã„ã‚ã‚“ãªæ‰€ã§è¦‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 先日ã€1å¹´å‰ã®è¨˜äº‹ã§ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定/解除ã•ã›ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã®è³ªå•ã‚‚ã„ãŸã ãã¾ã—ãŸã®ã§ã€ãã®å®Ÿè£…方法ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã§ã‚‚「サイドãƒãƒ¼ã‚’固定/解除ã•ã›ã¦ã„ã‚‹ã€ã®ã§ã€ã“ã®ãƒ–ãƒã‚°ã‚’例ã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ã€ä»¥ä¸‹ã®3ã¤ã®å€¤ã‚’ã©ã†å–å¾—ã™ã‚‹ã‹ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ã“ã®å€¤ã•ãˆå–å¾—ã§ãã¦ã—ã¾ãˆã°ã€ã‚ã¨ã¯ãã®å€¤ã«ã‚ˆã£ã¦ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定/解除ã™ã‚‹ã‚ˆã†ãªå‘½ä»¤ã‚’与るã ã‘ã¨ãªã‚Šã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒˆãƒƒãƒ—ã®ä½ç½®ã‚’
css3ã§å®Ÿè£…ã™ã‚‹3Dãªãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
é¢ç™½ã‹ã£ãŸã®ã§ã”紹介。マウスホãƒãƒ¼ã«ã‚ˆã‚‹ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’cssã§3D表ç¾ã—ãŸã‚µãƒ³ãƒ—ルã§ã™ã€‚休日ã§ã™ã—ã€ã¡ã‚‡ã£ã¨ãƒã‚¿çš„ãªå†…容ã§ã™ã‘ã©ã€ã“ã‚Œã¯ã“ã‚Œã§å‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ã„ã‚ã„ã‚ã¨è€ƒãˆã¾ã™ãã€ã»ã‚“ã¨ãƒ»ãƒ» 例ã«ã‚ˆã£ã¦ãƒ–ラウザã¯é™ã‚‰ã‚Œã¦ã—ã¾ã†ã‚“ã§ã™ãŒã€è‰¯ã„æ„Ÿã˜ã®3Dエフェクトã§ã—ãŸã€‚ 3D CSS rollovers マウスを乗ã›ã‚‹ã¨ç¸¦ã¨ã‹æ¨ªã«å›žè»¢ã—ã¾ã™ã€‚ 見ãªã„ã¨ãƒ”ンã¨æ¥ãªã„ã§ã™ã‚ˆãã¨ã„ã†äº‹ã§ã‚µãƒ³ãƒ—ルã§ã™ã€‚cssã®ã¿ã§å‹•ä½œã—ã¦ã„ã¾ã™ã€‚Chrome推奨。下ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚Œã°ä½•ç‚¹ã‹ãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ Sample translate3dã¨ã‹perspective ã“ã®3D化ã«ã¯translate3dã¨ã„ã†CSS3ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 極ã‚ã¦ã„ã„åŠ æ¸›ãªç”»åƒã§ã™ãŒXã€Yã€Z軸ã¯ã“ã†ãªã£ã¦ã„ã¾ã™ã€‚ .box .front { -webkit-transform: translate3d(0,0,200
今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ - (ﾟ∀ﾟ)o彡 sasata299's blog
2013å¹´11月05æ—¥10:36 JavaScript 勉強会 今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ 先週ã®åœŸæ›œæ—¥ã€ãƒ©ãƒ³ã‚µãƒ¼ã‚ºã•ã‚“ã§è¡Œã‚れ㟠第３弾　週末ランサーズ ã«å‚åŠ ã—ã¦å€‹äººçš„ã«ä»Šã‚¢ãƒ„ã„ AngularJS ã«ã¤ã„ã¦è©±ã—ã¦ãã¾ã—ãŸã€‚ AngularJS 㯠ng-repeat ãŒä¾¿åˆ©ã ã£ãŸã‚Šã€ã‚³ãƒ¼ãƒ‰ã®è¦‹é€šã—ãŒè‰¯ããªã‚‹ãªã©ã„ã‚ã„ã‚ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã†ã¾ã使ãˆã°å¤§å¤‰ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚特ã«ã€ãƒ‡ãƒ¼ã‚¿ã®çŠ¶æ…‹ï¼ˆè¦ç´ ã®è¿½åŠ ・削除やã€çŠ¶æ…‹ã®on/off ãªã©ï¼‰ã‚’制御ã™ã‚Œã°ãã‚Œã«åˆã‚ã›ã¦ view ã®è¡¨ç¤ºã¯ã™ã¹ã¦ AngularJS ãŒã‚„ã£ã¦ãれるã¨ã„ã†ã®ã¯ç´ 晴らã—ã„ã§ã™ã。 ã¡ãªã¿ã«ã€ä»¥ä¸‹ã®è³‡æ–™ã®ä¸ã§ ng-app ã¨ã‹ ng-repeat ã¨ã‹å‡ºã¦ãã¾ã™ãŒï¼ˆã“れ㯠directive ã¨å‘¼ã°ã‚Œã¾ã™ï¼‰ã€ã“ã® ng ã¨ã„ã†ã®ã¯ AngularJS ã®ï¼’æ–‡å—ç›®ã¨ï¼“æ–‡å—目を表
jQueryプラグインをã†ã¾ã„ã“ã¨ã‚«ãƒ—セル化ã™ã‚‹è¨è¨ˆæ–¹æ³•-jamadam weblog2
“There are only two hard things in Computer Science: cache invalidation and naming things†ã ãã†ã§ã™ã€‚ãã†ã„ã†è¨³ã§ã€jQueryプラグインã®ãƒ¡ã‚½ãƒƒãƒ‰åãŒä»–ã®ãƒ—ラグインã¨è¡çªã™ã‚‹ã®ã‚’回é¿ã™ã‚‹ãŸã‚ã®è¨è¨ˆæ–¹æ³•ã‚’列挙ã—ã¦ã¿ãŸã€‚今ã®ã¨ã“ã‚ã€ä¸€ç•ªä¸‹ã®æ–¹æ³•ãŒè‡ªåˆ†çš„ã«ã¯ã—ã£ãã‚Šæ¥ã¦ã„る。 [2011.02.02追記] 2011å¹´ã¯sub()æ–¹å¼ãŒãŠã™ã™ã‚ã§ã™ã€‚ jquery.myplugã®åŸºæœ¬å½¢ã€‚基本的ã«$.fn.extend()ã¯ä½¿ã‚ãªã„æ–¹é‡ã€‚ /** * jquery.myplug基本形 * * SYNOPSIS * * $('#target').myplug(); * $('#target').myplug({param1 : val1, param2 : val2}); */ ;(function($)
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKスタジオパークã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインãŒå‡„ã¾ã˜ãレスãƒãƒ³ã‚·ãƒ–ï¼ï¼ | ゴリミー
今ã®ã‚¦ã‚§ãƒ–デザインã®æµè¡Œã‚Šã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインã€ï¼ 昨日ã€ã¨ã‚るアプリã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ã„ãŸã®ã ãŒã€æ ªå¼ä¼šç¤¾LIGã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚ã£ãŸã€Œå¿…èªï¼5分ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¾ã¨ã‚ã€ã«è¼‰ã£ã¦ã„ãŸã€ŒNHKスタジオパークã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインãŒã‚¤ã‚±ã‚¤ã‚±ã™ãŽã¦æ„Ÿå‹•ã—ãŸã®ã§ã€ç´¹ä»‹ã™ã‚‹ï¼ã“ã‚Œã¯æœ¬å½“ã«ã™ã”ã„ï¼ï¼ ã¾ãšæ™®é€šã«è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚よãã‚ã‚‹3コラムベースã®ã‚¦ã‚§ãƒ–サイト。 å°‘ã—å¹…ã‚’ç‹ã‚ã‚‹ã¨ã€ä¸‹ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç§»å‹•ã—ã€å³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸‹ã«ç§»å‹•ã—ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå®Œå…¨ã«ç„¡ããªã£ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã‚‹ã¨ä»Šåº¦ã¯å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒæ¶ˆãˆãŸã€‚ ブラウザã®é™ç•Œã¾ã§ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å„パーツã®å¹…ã‚‚ç‹ã¾ã£ã¦ã“ã®ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ ã“れを試ã—ã¦ã„る時ã€å„è¦ç´ ã®å‹•ããŒã‚ã¾ã‚Šã«ã‚‚滑らã‹ã§ã‚‚ã®ã™ã”ãæ„Ÿå‹•ã—ãŸã€‚皆ã•
リストビューã«ã¤ã„㦠| jQuery Mobile 1.1.0 日本語リファレンス
リンクã®ãƒªã‚¹ãƒˆ リンクã®ãƒªã‚¹ãƒˆã¯ã€ã‚·ãƒ³ãƒ—ルã«é †åºç„¡ã—リスト(ul)ã«ãƒªãƒ³ã‚¯ã‚¢ã‚¤ãƒ†ãƒ ã‚’å«ã‚ã€å±žæ€§ã§ data-role=“listview†を指定ã™ã‚‹ã“ã¨ã§è¨˜è¿°ã§ãã¾ã™ã€‚jQuery Mobileã¯ãƒªã‚¹ãƒˆã‚’ç”»é¢ã®æ¨ªå¹…ã„ã£ã±ã„ã«ã—ã€å³å´ã«çŸ¢å°ã‚’付ã‘ã‚‹ãªã©å¿…è¦ãªã‚¹ã‚¿ã‚¤ãƒ«è¨å®šã‚’è¡Œã„ã¾ã™ã€‚リストアイテムãŒã‚¿ãƒƒãƒ—ã•ã‚Œã‚‹ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯è©²å½“ã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã®æœ€åˆã®ãƒªãƒ³ã‚¯å¯¾è±¡ã‚’Ajaxã§å–å¾—ã—ã€æ–°ã—ã„ページをDOM上ã«ãƒãƒ¼ãƒ‰ã—ã€ãƒšãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆã‚’è¡Œã„ã¾ã™ã€‚リストビューã«æŒ‡å®šå¯èƒ½ãªå±žæ€§ã«ã¤ã„ã¦ã¯data属性リファレンスをå‚ç…§ã—ã¦ãã ã•ã„。 <ul data-role="listview" data-theme="g"> <li><a href="acura.html">Acura</a></li> <li><a href="audi.html">Audi</a></li> <li><a href="bmw
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
offset() - jQuery API 日本語リファレンス
jQuery Content Slider | Responsive jQuery Slider | bxSlider
GitHub - ahomu/jquery.ah-placeholder: 'jquery.ah-placeholder' A plugin support placeholder attribute alternative.
{{#tags}}- {{label}}
{{/tags}}