Purplecoat.js | Simple Labeled Overlays
Step 0: Add purplecoat-min.js along with jQuery. <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="http://ellekasai.github.io/purplecoat.js/purplecoat.min.js"></script> Step 1: Add data-purplecoat="foo" and data-purplecoat-label="Hello!" to any element. <img data-purplecoat="foo" data-purplecoat-label="Hello!" src="http:/
QM Launcher : ã“ã‚Œãžæœªæ¥å½¢ã‚¹ãƒžãƒ›ï¼3Dã‚ューブ型ランãƒãƒ£ãƒ¼æ載ã®ãƒ›ãƒ¼ãƒ アプリï¼Androidアプリ | オクトãƒ
åˆå›žèµ·å‹•æ™‚ã«ã¯ã“ã®ã‚ˆã†ãªç”»é¢ã«ãªã‚Šã¾ã™ã€‚ ãƒãƒƒãƒ—アップã«ã¯ã€ã€Œä»»æ„ã®ã‚ューブを押ã—ã¦ã‚¢ãƒ—リをマトリックスã«è¿½åŠ ã—ã¦ãã€ã£ã¦æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ ç”»é¢ä¸å¤®ã«å¤§ããç½®ã‹ã‚ŒãŸãƒ«ãƒ¼ãƒ“ック16個ã®ã‚ューブãŒãƒ¡ã‚¤ãƒ³ã®ãƒ©ãƒ³ãƒãƒ£ãƒ¼ã¨ãªã‚Šã¾ã™ã€‚ 下部ã«ã¯ãƒ‰ãƒƒã‚¯ï¼ˆæœ€å¤§4個登録å¯ï¼‰ãŒã‚ã‚Šã¾ã™ã€‚ 3D表示ã®ãŸã‚グリグリ動ãã¾ã™ã€‚å…¨ã¦ã®ã‚ューブã«ã‚¢ãƒ—リを登録ã™ã‚‹ã¨å£®è¦³ã§ã™ã。 ã§ã‚‚ã€ã“ã‚Œã£ã¦1個1個やã£ã¦ã‹ãªãゃã„ã‘ãªã„ã®ï¼Ÿ …大丈夫ã§ã™ã€‚ ã¾ãšã¯ãƒ‰ãƒãƒ¯ãƒ¼ã‚’é–‹ãã¾ã—ょã†ã€‚ドックä¸å¤®ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ ドãƒãƒ¯ãƒ¼ã®å³ä¸Šã«ã‚ã‚‹ãƒã‚§ãƒƒã‚¯ãƒžãƒ¼ã‚¯åž‹ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’タップã™ã‚‹ã¨è¤‡æ•°é¸æŠžãŒã§ãã¾ã™ã€‚ ã“れを使ã£ã¦ç™»éŒ²ã—ãŸã„アプリを一括ã§é¸æŠžã€ãã®å¾Œé•·æŠ¼ã—ã—ã¦ã‚ューブã«é‡ãã¾ã—ょã†ã€‚ アプリãŒç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ã‚ューブを長押ã—ã™ã‚‹ã¨ç§»å‹•ï¼ˆä¸¦ã¹æ›¿ãˆï¼‰ãŒè¡Œãˆã¾ã™ã€‚ æ›´ã«ã€ä½•ã‚‚登録ã•ã‚Œã¦ã„ãªã„ã‚ューブをタップã™ã‚‹ã¨å³ã®ç”»åƒã®ã‚ˆã†ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹ãã¾ã™ã€‚
MGTileMenu - pop-up tile-based contextual menu for iOS5 - The Changelog - Open Source moves fast. Keep up.
Episodes Archives Random The Changelog - Open Source moves fast. Keep up. Latest episode Episode 0.8.1 - Celluloid, concurrency, and more with Tony Arcieri Wynn talked with Tony Arcieri, creator of Celluloid about concurrency in Ruby and his thoughts on Erlang, Clojure, and design patterns. Go to episode The Changelog is a weekly podcast and blog that covers what's fresh and new in Open Source.
[JS]複数ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ターンテーブルã®ã‚ˆã†ã«ãã‚‹ãる回ã™ã‚¹ã‚¯ãƒªãƒ—ト -Roundabout
デモ：Around Other Things 回転ã®ä¸å¿ƒã«ä»–ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç½®ã„ãŸãƒ‡ãƒ¢ã€‚ Roundaboutã®ä½¿ã„æ–¹ Roundabouã®å®Ÿè£…方法を簡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ 詳ã—ã„実装方法ã«ã¤ã„ã¦ã¯ã€ŒLearnã€ã‚’ã”覧ãã ã•ã„。 Roundabout -Learn HTML ãã‚‹ãる回転ã•ã›ã‚‹å„エレメントをリストè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="jquery.js"></script> <script src="jquery.roundabout.js"></script> JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã—ã€Roundaboutを実行ã—ã¾ã™ã€‚ <script>
iPhone Appã®Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションを実装ã§ãã‚‹ Swpnav.js :: 5509
Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションをWebページã«å®Ÿè£…ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚åŒã˜ã‚ˆã†ãªã®ã¯ä»–ã«ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã‘ã©ã€ã“ã‚Œã®ç‰¹å¾´ã¯å¯¾è±¡ã«å½“ãŸã£ã¦ã„ã‚‹ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨å¹²æ¸‰ã—ã«ãã„ã¨ã„ã†ã“ã¨ã§ã—ょã†ã‹ã€‚iScrollã¿ãŸã„ãªã‚¤ãƒ™ãƒ³ãƒˆã‚ャンセルãŒå¼·åŠ›ãªã‚„ã¤ã¯ã ã‚ã ã¨æ€ã„ã¾ã™ã€‚ サンプルãŒã¾ã•ã«ãã‚Œãªã‚“ã§ã™ã‘ã©ã€åŒåƒšã®@ãŒä½œã£ãŸ flipsnap.jsã¨ã¯å…±å˜ã§ãã¾ã™ã€‚レイヤー毎ã«ã‚¹ãƒ¯ã‚¤ãƒ—判定をã—ã¦ã‚‹ã®ã§ã€ä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ä¸€åº¦ã‚ャンセルã™ã‚‹ã¨ Swpnav ãŒå®Ÿè¡Œã•ã‚Œã¦ã‚‹ä¸‹ä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã¯ã‚¤ãƒ™ãƒ³ãƒˆãŒé£›ã°ãªããªã‚‹ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã“ã® Swpnav ã¨ã‹ flipsnap ã®ã‚ˆã†ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„るライブラリã¨ã¯å…±å˜ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ サンプル（Webkitã®ã¿ ホスト githubã«ã‚ã‚Šã¾ã™ 5509/Swpnav – GitHub 使ã„æ–¹ ソースコードをダウンãƒãƒ¼ãƒ‰ã—ã¦ã€ä»»æ„ã®å ´æ‰€ã« swpnav.js ã‚’ç½®ãã€
sausage.js
Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to view some examples. A complete test & benchmark suite is included coming soon. You may also read through the annotated source code or visit the project page on GitHub. You can re
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to […] Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, a
Isotope · Filter & sort magical layouts
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
Overlay Effect Menu with jQuery | Codrops
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery. So, let’s start! Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice
Pull Out Content Panel with jQuery
In one part of this cellar we kept wines, liquors and provisions. From the rapidity of their disappearance we acquired the superstitious belief that the spirits of the persons buried there came at dead of night and held a festival. It was at least certain that frequently of a morning we would discover fragments of pickled meats, canned goods and such débris, littering the place, although it had be
Animated Portfolio Gallery with jQuery
Shape Company Website Design Summer of Love Smashing Multimedia Design Studio Project Graphpedia Blog Innovative Solutions My Portfolio Project 1st Webdesigner Workspace Tools Conference Herbal Treats Webdesign Fresh Web Development Projection Website Design Dellistore Interactions Project Get Your Hands Dirty Custom Template Design Chocolate PSDVibe Project The Web Lover Portfolio Custom Template
iNettuts - Welcome!
Hello, welcome to the iNettuts demonstration. The tutorial which details how this interface was created can be found on NETTUTS.com. This demo and its accompanying tutorial were made by James Padolsey. NOTE: You'll notice that you cannot move, edit, remove or collapse this particular widget - the script which this is running on allows for per-widget settings and this widget has been set not to all
jQueryGlobe - jQuery Plugin - Feature List
I love the simplicity of using (and more important re-using) jQuery plugins. So I decided to release a plugin that came from my personal need - Feature List. This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget. You can see the demo at this page, and you can download the complete source code with examples from here. What’s So Great About this Plugin? Slick
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Angular Tree
{{#tags}}- {{label}}
{{/tags}}