Loading...
multiscroll.js - split multi-scrolling pages plugin
Powerful jQuery plugin Create split pages with two vertical scrolling panels. Compatible with mobile phones and devices and old browsers such as IE 11. <div id="multiscroll"> <div class="ms-left"> <div class="ms-section">Section 1 left</div> <div class="ms-section">Section 2 left</div> <div class="ms-section">Section 3 left</div> </div> <div class="ms-right"> <div class="ms-section">Section 1 righ
jInvertScroll - A lightweight jQuery horizontal Parallax scrolling plugin
jInvertScroll - A lightweight jQuery horizontal Parallax Plugin What is it? It's a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It's extremely easy to setup and requires nearly no configuration. Note: By using this plugin, we expect that you know the limitations of horizontal parallax scrolling, for instance if the screen height i
Ken Wheeler
Parse Todos Persistent Todos With FB Auth using Thorax & Parse JS
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Important note: This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
inputè¦ç´ ã«ã‚‚使ãˆã‚‹jQueryã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒ—ラグイン - Rewish
jQueryプラグインã®ç¿’作をã™ã‚‹ãŸã‚ã«ä½œæˆã—ãŸãƒ¢ãƒŽã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ—ラグイン化ã—ãŸã“ã¨ã§ã‹ãªã‚Šæ¥½ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã€æ°—ãŒå‘ã„ãŸã‚‰ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 ライブラリã«ã¤ã„㦠HTMLを汚ã•ãšã€ç°¡å˜ã«ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’実装ã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ jquery.rollover.js - v1.0.4 ライセンス MIT License 主ãªæ©Ÿèƒ½ HTMLã§æŒ‡å®šã™ã‚‹ã®ã¯åˆæœŸè¡¨ç¤ºã®ç”»åƒã 㑠指定ã•ã‚ŒãŸç®‡æ‰€ã§ã‚‚ _on ãŒä»˜ã„ã¦ã„ã‚‹ç”»åƒã¯ç„¡è¦– ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ç”»åƒã‚’プリãƒãƒ¼ãƒ‰ æ‹¡å¼µåã¯ä½•ã§ã‚‚OK (png, jpg, jpeg, gif, etc…) ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ç”»åƒã‚’示㙠_on ã®éƒ¨åˆ†ã‚’自由ã«å¤‰æ›´ã§ãã‚‹ 使用方法 ç”»åƒã‚’用æ„ã™ã‚‹ example.jpg ã‚’ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã—ãŸã„å ´åˆã¯ã€åå‰ã®æœ«å°¾ã« _on を付ã‘ãŸç”»åƒ example_on.jpg ã‚’ example.jpg ã¨åŒã˜ãƒ‡
リニューアルã«ä½¿ã„ãŸã„オシャレãªå‹•ãCSS＆JSパーツã¾ã¨ã‚20é¸ | 楽天ティップスRakutenTips
å£ç¯€ã®å¤‰ã‚り目特ã«æ˜¥ã«ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‚µã‚¤ãƒˆã‚‚多ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ãã‚“ãªãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚„サイト制作時ã«ä½¿ã„ãŸã„オシャレパーツを集ã‚ã¾ã—ãŸã€‚ cssSlider åå‰ã®é€šã‚ŠCSSã ã‘ã§å‹•ãレスãƒãƒ³ã‚·ãƒ–スライダーã§ã™ã€‚クãƒã‚¹ãƒ–ラウザã«ã‚‚対応ã—ã¦ã¾ã™ã€‚ WOW.sliderã®ã‚ˆã†ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚«ãƒ©ãƒ¼ãªã©å¥½ããªã‚ˆã†ã«é¸ã‚“ã§è¨ç½®ã§ãã‚‹ã®ã§ã€html&CSSãŒã‚ˆã分ã‹ã‚‰ãªã„人ã«ã‚‚ç°¡å˜ã«è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ MockupSlideshow
今風ã«ãªã£ãŸï¼Web制作ã§ä½¿ãˆã‚‹æœ€è¿‘ã®jQueryプラグインã¾ã¨ã‚
作æˆï¼š2014/10/14 更新：2014/11/01 Web制作 > 比較的最近ã®ãƒ—ラグインã§ã€ä»Šé¢¨ã®å‹•ãã‚’ã™ã‚‹ã‚‚ã®ãªã©ã€åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨åŠ©ã‹ã‚‹jQueryプラグインをã¾ã¨ã‚ã¾ã—ãŸã€‚国内ã®ã‚µã‚¤ãƒˆã§ã‚ã¾ã‚Šå–り入れã¦ãªã„よã†ãªã‚‚ã®ã‚„ã€å®šç•ªã®ã‚‚ã®ã¾ã§ã€‚ページã«ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã‚’å‡ã‚‰ã—ãŸã„ã¨ãã‚„ã€å°‘ã—ã‚ãšã‚‰ã—ã„仕掛ã‘ã§ã‚ャンペーンサイトを作りãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠動ã １．ジオメトリック 背景 ２．フルスクリーンã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ ３．ドãƒã‚¢ãƒ¼é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ ４．動画をå†ç”Ÿã™ã‚‹ã‚¿ã‚¤ãƒ—３㤠スクãƒãƒ¼ãƒ« ５．スクãƒãƒ¼ãƒ«ã§ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ ６．スクãƒãƒ¼ãƒ«ã§å¥¥è¡Œãã‚’è¡¨ç¾ ï¼—ï¼Žã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§åˆ†å‰² ç”»åƒ ï¼˜ï¼ŽAPNG ９．Google ç”»åƒæ¤œç´¢é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ １ï¼ï¼Žãƒˆã‚¤ã‚«ãƒ¡ãƒ©é¢¨ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ãƒãƒƒãƒ—アップ １１．ãŠã—ゃれãªã‚¢ãƒ©ãƒ¼ãƒˆ １２．
Cursor following menu – malihu | web design
A website navigation menu that follows the cursor, created with the jQuery library and CSS that’s easy to implement and configure. The script features simple markup, two levels navigation and styling via css. An extra feature in the script is the function that animates the page to anchor points which you can test on the single-page demo. The idea behind the script was to create a floating navigati
Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
Timesheet.js
Timesheet.js Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be custom
vis.js
vis.js community edition * A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.
[JS]シンプルãªãƒšãƒ¼ã‚¸å†…スクãƒãƒ¼ãƒ«ã‹ã‚‰ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„スクãƒãƒ¼ãƒ«ã¾ã§ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -Scrolld.js
Demo 3 一番目ã¯divã€äºŒç•ªç›®ã¯ãƒã‚³ã®ç”»åƒã€ä¸‹ã®æ–¹ã«ã¯è¡¨ç¤ºå¹…ã«åˆã‚ã›ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ Scrolld.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプトを</body>ã®ä¸Šã‚ãŸã‚Šã«å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="../demo/js/scrolld.min.js"></script> Step 2: JavaScript スクリプトã®ãƒˆãƒªã‚¬ãƒ¼ã‚’外部ファイルã®ä¸‹ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript"> $("[id*='Btn']").stop(true).on('click',function(e){e.preventD
Bellaphi
Was ist Messgehilfe-LED mehr noch wieso könnte diese besser sein denn OLED? Mini-Lumineszenzdiode ist das neueste Spielzeug vonseiten Technologie- mehr noch Fernsehherstellern. Die einigermaßen neue Bildtechnologie ist un… hinlänglich neu, statt eine Weiterentwicklung dieser bekannten LED-Technologie. Es ist daher in… so unterschwellig ebenso OLED-Bildschirme, dazu gibt es nur geringere Kosten. In
jQuery：ãƒã‚§ãƒƒã‚¯ã•ã‚ŒãŸã‚‰ or 入力ã•ã‚ŒãŸã‚‰é€ä¿¡å¯èƒ½ã«ã™ã‚‹ãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹æ–¹æ³• - NxWorld
割ã¨é »ç¹ã«ä½¿ã†ã®ã§å‚™å¿˜éŒ²ã€‚ jQueryを使用ã—ã¦ã€Œãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã•ã‚ŒãŸã‚‰é€ä¿¡å¯èƒ½ã«ã™ã‚‹ãƒœã‚¿ãƒ³ã€ã¨ã€Œæ–‡å—ãŒå…¥åŠ›ã•ã‚ŒãŸã‚‰é€ä¿¡å¯èƒ½ã«ã™ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’ãã‚Œãžã‚Œå®Ÿè£…ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 特ã«ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®æ–¹ã¯åˆ©ç”¨è¦ç´„ãªã©ã«åŒæ„ã—ã¦ã‚‚らã£ãŸã‹ã®éƒ¨åˆ†ã§ç”¨ã„ãŸã‚Šã¨ä½¿ã†å ´é¢ãŒå¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã•ã‚ŒãŸã‚‰é€ä¿¡å¯èƒ½ã«ã™ã‚‹ãƒœã‚¿ãƒ³ ページãŒè¡¨ç¤ºã•ã‚ŒãŸéš›ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸å·¦ã®ã‚ˆã†ã«ãƒœã‚¿ãƒ³ã«ã¯disabledãŒæŒ‡å®šã•ã‚Œã¦é€ä¿¡ã§ããªã„状態ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãれを「利用è¦ç´„ã«åŒæ„ã—ã¾ã™ã€ã¨ã„ã†ãƒ†ã‚スト横ã«ã‚ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ãŒå…¥ã£ãŸã‚‰ã€ãƒœã‚¿ãƒ³ã«æŒ‡å®šã—ã¦ã‚ã‚‹disabledを解除ã—ã¦é€ä¿¡å¯èƒ½ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 実装ã«ã¯jQueryを使用ã™ã‚‹ã®ã§äºˆã‚èªã¿è¾¼ã¾ã›ãŠãã€ãã‚Œãžã‚Œä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã‚’ã—ã¾ã™ã€‚ <input type="checkbox" id="check" /><l
JavaScript 徹底入門ã®ãŸã‚ã®è³‡æ–™ï¼†æ›¸ç±ã¾ã¨ã‚ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
JavaScriptã¯ãƒ–ラウザã‹ã‚‰ç°¡å˜ã«ä½¿ãˆã‚‹ã—ã€jQuery Pluginã‚‚ç°¡å˜ã«è¿½åŠ ã§ãã‚‹ã®ã§ã€ã¤ã„基礎をãŠã‚ãã‹ã«ã—ãŸã¾ã¾ä½¿ã£ã¦ã„ã¦ã€ã¡ã‚‡ã£ã¨å‡ã£ãŸã“ã¨ã‚’ã—よã†ã¨ã—ãŸæ™‚ã«ã„ã¤ã‚‚ãƒãƒžã£ã¦ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯ã€ç‹¬ç¿’JavaScriptã®ç¬¬äºŒç‰ˆã‚’購入ã—ã¦èªã¿é€²ã‚ã¤ã¤ã€ãƒãƒƒãƒˆã®ãŠå‹§ã‚ã®ãƒ‰ã‚ュメントを見ã¦ã€è£œè¶³ã—ãªãŒã‚‰å‹‰å¼·ã—ã¦ã„ã£ãŸã®ã§ãã®ãƒ¡ãƒ¢ã§ã™ã€‚ (03/09 21:50) JavaScriptã®ç¿’熟度を上ã’ã‚‹ãŸã‚ã®å‹‰å¼·ãƒ•ãƒãƒ¼ã‚’è¿½åŠ ðŸ„ [å‹•ç”»] ドットインストールJavaScript入門 JavaScriptを本当ã«ä½¿ã£ãŸã“ã¨ãŒãªã„åˆå¦è€…ã®æ–¹ã«ãŠå‹§ã‚ã—ãŸã„ã®ãŒãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®å‹•ç”»ã€‚説明ãŒç’°å¢ƒæ§‹ç¯‰ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¦ãれるã®ã§ã€ã¤ã¾ãšã“ã¨ãªã最åˆã®ä¸€æ©ã‚’è¸ã¿å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ 😸 [Web] JavaScript基礎文法最速マスタ 『JavaScript基礎文法最速マスターã€
[JS]レスãƒãƒ³ã‚·ãƒ–ã«ã—ã£ã‹ã‚Šå¯¾å¿œï¼é«˜ã•ã®ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã‚’æƒãˆãŸã‚Šã€æˆã‚Šè¡Œãã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -EqualHeight.js
divãªã©ã§é…ç½®ã—ãŸãƒ‘ãƒãƒ«å†…ã®è¦ç´ ã®é‡ãŒç•°ãªã£ã¦ã„ã¦ã‚‚ã€å…¨ã¦ã®ãƒ‘ãƒãƒ«ã®é«˜ã•ã‚’æƒãˆã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ 高ã•ã‚’æƒãˆã‚‹ç³»ã¨ã—ã¦ã¯å¾Œç™ºã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ã£ã‹ã‚Šå¯¾å¿œã—ã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ 一列ã®ãƒ‘ãƒãƒ«ã¯ã‚‚ã¡ã‚ã‚“ã€æ®µçµ„ã§ã‚‚OKã€çœã‚¹ãƒšãƒ¼ã‚¹ã®ã‚¹ãƒžãƒ•ã‚©ç”¨ã«æˆã‚Šè¡Œãもコントãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://joelb.me/scrollpath/
Home
Swiper - Most Modern Mobile Touch Slider
{{#tags}}- {{label}}
{{/tags}}