memocarilog｜WordPress jQuery ãªã©ã® Web 制作関連ã®ãƒ¡ãƒ¢ã¨ iPhone Macã®ã“ã¨WordPress jQuery ãªã©ã® Web 制作関連ã®ãƒ¡ãƒ¢ã¨ iPhone Macã®ã“ã¨
縦方å‘ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’実装ã§ãã‚‹jQueryプラグイン「vTickerã€:phpspot開発日誌
vTicker 縦方å‘ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’実装ã§ãã‚‹jQueryプラグイン「vTicker〠ティッカーã¨ã„ã†ã¨æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã‚‚ã®ã‚’イメージã•ã‚Œã‚‹æ–¹ã‚‚å°‘ãªããªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ç¸¦ã«ã‚«ãƒƒã‚³ã‚ˆãスクãƒãƒ¼ãƒ«ã™ã‚‹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ãŒå®Ÿè£…ã§ãã¾ã™ テã‚ストã¯ulリストã§å®šç¾©ã—ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ä½¿ãˆã¾ã™ 最新ニュースç‰ã‚’１行ã§è¡¨ç¤ºã—ãŸã„å ´åˆã«ä½¿ãˆã‚‹ãƒ—ラグインã§ã™ã 関連エントリ エレメントを立体的ã«å›žè»¢ã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「Vortex〠テーブル内容を入力値ã§ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã§ãã‚‹jQueryプラグイン「FilterTable〠レスãƒãƒ³ã‚·ãƒ–ã§ã‚¿ãƒƒãƒç«¯æœ«ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ—レイヤ実装jQueryプラグイン「AudioPlayer〠マスクを使ã£ãŸãŠæ´’è½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryプラグイン「Maskify Slider〠アプリ風ã®ãªã‚らã‹ãªã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQue
è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.jsã€:phpspot開発日誌
è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.js〠2013å¹´06月27æ—¥- Vague.js è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.jsã€ã€‚ 次ã®ã‚ˆã†ã«é€šå¸¸ã®è¦ç´ ã‚’SVGフィルタを使ã£ã¦ã¼ã‚“ã‚„ã‚Šã€ã¼ã‹ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚対応ã™ã‚‹ãƒ–ラウザã¯é™ã‚‰ã‚Œã¾ã™ãŒã€ãƒ–ラウザã ã‘ã§å‡ºæ¥ã‚‹ã¨ã„ã†ã®ãŒã„ã„ã§ã™ã パラメータã§ã¼ã‹ã—強度をé¸ã¹ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ 実装サンプルコードã§ã™ã€‚ è¿‘ã„å°†æ¥ã€ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ä»Šã‚„ã£ã¦ã‚‹ã‚ˆã†ãªã“ã¨ã¯æ®†ã©ãƒ–ラウザ上ã§ã€ã‚¹ã‚¯ãƒªãƒ—トã§å‹•çš„ã«å®Ÿç¾å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã§ã—ょã†ã。 関連エントリ Flipboard風エフェクトをブラウザ上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryプラグイン「flip〠jQueryã§ãƒ•ãƒªãƒƒãƒ—エフェクトを使ã£ãŸè‰¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚µãƒ³ãƒ—ãƒ«é›†ï¼‘ï¼ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè‰²ã€…é¸ã¹ã‚‹ã‚¤ãƒ¡ãƒ¼
å¹ã出ã—風ã«ãƒãƒƒãƒ—アップã™ã‚‹ãƒ„ールãƒãƒ¼å®Ÿè£…jQueryプラグイン「Toolbar.jsã€:phpspot開発日誌
Toolbar.js - jQuery plugin to create tooltip style toobars å¹ã出ã—風ã«ãƒãƒƒãƒ—アップã™ã‚‹ãƒ„ールãƒãƒ¼å®Ÿè£…jQueryプラグイン「Toolbar.js〠次ã®ã‚ˆã†ã«ã€åˆæœŸåŒ–ä½ç½®ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—アップã™ã‚‹ãƒ„ールãƒãƒ¼ã‚’è¨å®šã§ãã€ãã“ã‹ã‚‰ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’é¸ã¹ã¾ã™ã€‚ ã‚ã‚Šãã†ã§ã‚ã¾ã‚Šç„¡ã‹ã£ãŸãƒ—ラグインã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 縦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚ã§ãã¾ã™ ã“ã‚Œã¯ä¾¿åˆ©ã«ä½¿ãˆãㆠ関連エントリ UIãŒã‚«ãƒƒã‚³ã„ã„オートコンプリート実装jQueryプラグイン「Ajax AutoComplete〠使ã„ã‚„ã™ã„複数é¸æŠžã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’実ç¾ã™ã‚‹jQueryプラグイン「multiselect.js〠コンテンツ毎ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定é…ç½®ã§ãã‚‹jQueryプラグイン「Stick ’em〠普通ã®ãƒ†ãƒ¼ãƒ–ルをExcel風ã«è¶…カッコよãã—ã¦ãれるjQueryプラグイン「Par
コンテンツ毎ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定é…ç½®ã§ãã‚‹jQueryプラグイン「Stick ’emã€:phpspot開発日誌
jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget コンテンツ毎ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’固定é…ç½®ã§ãã‚‹jQueryプラグイン「Stick ’emã€ã€‚ 最近よãã‚ã‚‹ã€ãƒšãƒ¼ã‚¸ã‚’スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã¤ã„ã¦ãるサイドãƒãƒ¼ã€‚position:fixedãªã©ã‚’応用ã—ã¦ç¶ºéº—ã«ã¤ã„ã¦ãるよã†ã«ã§ãã¾ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¤§ãã３ã¤ã«åˆ†ã‹ã‚Œã¦ã„ã‚‹å ´åˆã¯ã¡ã‚‡ã£ã¨å®Ÿè£…ãŒé›£ã—ã„ã‹ã‚‚。 ãã‚“ãªæ™‚ã«ä½¿ãˆã‚‹ã®ãŒã“ã®ãƒ—ラグイン。デモページを見ã¦é ‚ã‘ã‚Œã°åˆ†ã‹ã‚Šã¾ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã”ã¨ã«å›ºå®šã•ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã‚ã‘られるよã†ã§ã™ã€‚ スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ŒHeadingã€ã¨æ›¸ã‹ã‚ŒãŸéƒ¨åˆ†ã¯å³å´ã«å›ºå®šã•ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ›´ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒåˆ¥ã‚Œã‚‹ã®ã§ã€ãれ以上ã¯ä¸‹ã«æ¥ã¾ã›ã‚“。 １ã‹ã‚‰å®Ÿè£…ã™ã‚‹ã¨ãªã‚‹ã¨positionã®åˆ‡ã‚Šæ›¿ãˆãŒçµæ§‹å¤§å¤‰ã§æŒ«æŠ˜ã—ãŒã¡ãª
Amebaã£ãƒ”ã‚°ã£ã½ã„物ãŒä½œã‚Œã‚‹jQueryプラグイン「pp3Disoã€:phpspot開発日誌
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isomtrique Amebaã£ãƒ”ã‚°ã£ã½ã„物ãŒä½œã‚Œã‚‹jQueryプラグイン「pp3Disoã€ã€‚ マップ上を人ãŒç§»å‹•ã™ã‚‹ã‚ˆã†ãªæ„Ÿã˜ã®ã‚²ãƒ¼ãƒ 風インタフェースãŒä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリã£ã½ã„ã§ã™ã€‚ フランス語ã£ã½ã„ã®ã§ç¿»è¨³ã—ãŸã‚Šã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã ã‚Šã—ã¦ä½¿ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ãªã‹ãªã‹ãŠã‚‚ã—ã‚ã„ã®ã§ã”紹介。 JavaScriptベースã¨ã„ã†ã“ã¨ã§ã€ã‚¹ãƒžãƒ›ã§å‹•ãAmebaピグを作ã£ã¦ã‚„ã‚ã†ã€ã¨ã„ã†æ–¹ã¯å‚考ã«ã§ãã‚‹ã‹ã‚‚。 関連エントリ ï¼’DゲームãŒä½œã‚Œãã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³jQueryプラグイン「Motio〠カスタマイズå¯èƒ½ã§å‹•ããŒã‚ˆã„alertダイアãƒã‚°å®Ÿè£…jQueryプラグイン「alertifyjs〠Instagramã®å†™çœŸã‚’サイトã«ç°¡å˜æŽ²è¼‰ã§ãã‚‹jQ
リアルãªWindows風ツリービューãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「dynatreeã€:phpspot開発日誌
dynatree - Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading. - Google Project Hosting リアルãªWindows風ツリービューãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「dynatreeã€ã€‚ 次ã®ã‚ˆã†ã«ã¾ã‚‹ã§Windowsã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã£ã¦ã—ã¾ã†äººãŒå¤šæ•°ãªãƒ„リービューãŒå®Ÿè£…ã§ãã¾ã™ã€‚ Ajaxã«ã‚ˆã‚‹å‹•çš„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„コンテã‚ストメニューã€ãƒ„リービュー横ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ã€æ©Ÿèƒ½ã¯ãã‚ã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚¢ã‚¤ãƒ†ãƒ を移動ã§ãã‚‹ã‚ãŸã‚Šã‚‚ç´ æ™´ã‚‰ã—ã„ã¨ã“ã‚ã§ã™ 何ã‹ã¨ä¾¿åˆ©ãªUIãªã®ã§ã€å®Ÿè£…ã™ã‚‹éš›ã«ã¯ï¼‘ã¤ã®
クラスメソッド発「やã£ã¦ã¿ãŸã€ç³»æŠ€è¡“メディア | DevelopersIO
DevelopersIOã¯ã€AWSã€iOS/Androidアプリã€ãƒ“ッグデータã€Alexaç‰ã®æœ€æ–°æŠ€è¡“æƒ…å ±ã‹ã‚‰ãƒªãƒ¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚„åƒãæ–¹ã«é–¢ã™ã‚‹è¨˜äº‹ã¾ã§å¤šå½©ãªãƒˆãƒ”ックを紹介ã™ã‚‹ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã®ã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã™ã€‚
jq-tiles
Pig ham: hock pork loin brisket pastrami frankfurter andouille. Sausage: ground round sirloin ball tip beef ribs. Pig ham: hock pork loin brisket pastrami frankfurter andouille. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. Sausage: ground round sirloin ball tip beef ribs. Pig ham: hock pork loin brisket pastrami frankfurter andouille. P
ドラッグ&ドãƒãƒƒãƒ—ã«ã‚ˆã‚‹å†é…置もå¯èƒ½ãªã€ã‚¿ã‚¤ãƒ«çŠ¶ã«è¦ç´ ã‚’é…ç½®ã™ã‚‹jQueryプラグイン・jQuery.Shapeshift
è¦ç´ をタイル状ã«é…ç½®ã—ã¦ãれるã€ã¨ã„ã†jQueryプラグイン。特ã«ç›®æ–°ã—ã„ã‚‚ã®ã§ã¯ç„¡ã„ã§ã™ã‘ã©ã€‚Pinterestライクãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実装出æ¥ã‚‹ã€ã¨è¨€ã£ãŸã»ã†ãŒä¼ã‚ã‚Šã‚„ã™ã„ã‹ã‚‚知れã¾ã›ã‚“ã。 Pinterestライクãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実装出æ¥ã¦ä¸”ã¤ã€ä¸¦ã¹ãŸè¦ç´ ã‚’D&Dã§ç§»å‹•ã€å†é…列ã—ã¦ãれるã€ã¨ã„ã†ã‚‚ã®ã€‚使ã†ã‚·ãƒ¼ãƒ³ã¯é™ã‚‰ã‚Œãã†ã§ã™ã‘ã©é¢ç™½ã„ã§ã™ã。 ドラッグ&ドãƒãƒƒãƒ—ã§é…列ã—ã¦ã‚‹è¦ç´ を自動ã§å†é…ç½®ã—ã¦ãã‚Œã¾ã™ã€‚上図ã¯ç”»åƒã«ãªã£ã¦ã„ã¾ã™ãŒã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã«å¯¾å¿œã§ãã‚‹ã®ã§å¿œç”¨ãŒåˆ©ããã†ã§ã™ã€‚touch-punchを使ã£ã¦ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã•ã›ã‚‹ã“ã¨ã‚‚出æ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ ãŸã ã€å†é…置後ã®è¨˜æ†¶ã‚’ã—ãªã„ã¨ãªã®ã§cookieã‚„localStorageç‰ã‚’併用ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ コード<script type="text/JavaScript" src="http://ajax.googleapis.com
シンプルデザインãŒä½¿ã„ã‚„ã™ãã†ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã€ŒSocialCountã€:phpspot開発日誌
filamentgroup/SocialCount GitHub シンプルデザインãŒä½¿ã„ã‚„ã™ãã†ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã€ŒSocialCount〠Facebook, Twitter, Google ã«å¯¾å¿œã—ã¦ã„ã¦æ¬¡ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚«ã‚¦ãƒ³ã‚¿ãŒå®Ÿè£…ã§ãã¾ã™ CSSベースãªã®ã§ãŠå¥½ãã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã™ã‚‹ã“ã¨ã‚‚出æ¥ãã†ã§ã™ã。 最近ã§ã¯å¿…é ˆã¨ã‚‚ã„ãˆã‚‹ã“ã†ã—ãŸãƒœã‚¿ãƒ³ã‚‚ã€è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„å ´åˆã«è¦šãˆã¦ãŠãã¨ä½¿ãˆãㆠ関連エントリ 5KBã®èªè¾¼ã§ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã®å®Ÿè£…ãŒç°¡å˜ã«ã§ãる「Socialite.js〠ソーシャルサイトã¸ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’統一ã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「Koottam〠Facebook,Twitter,Google＋ã®ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ä½œæˆç”¨jQueryプラグイン「Sharrre〠円形ã«åºƒãŒã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³å®Ÿè£…jQue
é•·ã„テã‚ストを「…ã€ã§çœç•¥ã™ã‚‹jQueryプラグイン・Smarttruncation
é•·ã„テã‚ストをçœç•¥ã—ã¦è¡¨ç¤º ã™ã‚‹ã€ã¨ã„ã†jQueryプラグイン ã€Smarttruncationã®ã”紹介。 CSSã®ã¿ã§ã‚‚一応ã¯å¯èƒ½ã§ã™ã‘ã©ã€ ã“ã¡ã‚‰ã¯ã‚る程度応用ãŒåˆ©ãã® ã§è¦šãˆã¦ãŠã“ã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®æ‰‹ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹è¦‹ã‹ã‘ã¾ã—ãŸã‘ã©ã€ã“ã‚Œã¯æ—¥æœ¬èªžã§ã‚‚ãã®ã¾ã¾åˆ©ç”¨å‡ºæ¥ã‚‹ã®ã§ä¸€å¿œãƒ¡ãƒ¢ã€‚ 動作サンプル é•·ã„テã‚ストãŒçœç•¥ã•ã‚Œã¦ã„ã¾ã™ã€‚上ã¯èªžå°¾ã‚’ã€ä¸‹ã¯çœŸã‚“ä¸ã‚ãŸã‚Šã§çœç•¥ã€‚ãªã‹ãªã‹ä¾¿åˆ©ãªã®ã§ã¯ã€‚ CSSã®text-overflow:ellipsis;ã§åˆ¶å¾¡ã§ããªã„時ã«è©¦ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat
[JS]ç”»åƒã‚„コンテンツを水平・垂直ã«æ°—æŒã¡ã‚ˆãスクãƒãƒ¼ãƒ«ã•ã›ã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã‚¹ã‚¯ãƒªãƒ—ト -Sly
水平・垂直ã«é…ç½®ã—ãŸç”»åƒã‚„コンテンツを気æŒã¡ã‚ˆãスクãƒãƒ¼ãƒ«ã•ã›ã‚‹ã“ã¨ã¨æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒã‚¸ãƒƒã‚¯ã«ã“ã ã‚ã£ãŸjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ IE6ã«ã‚‚対応ã—ã¦ã‚‹ã®ãŒã³ã£ãã‚Šã§ã™ï¼ 特徴ã¯æ°—æŒã¡ã®ã„ã„スクãƒãƒ¼ãƒ«ã ã‘ã§ãªãã€ãƒŠãƒ“ゲーションã®ãƒã‚¸ãƒƒã‚¯ã‚‚直観的ã§ã€æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã¹ãアイテムを自動的ã«å…ˆé ã«é…ç½®ã—ã¾ã™ã€‚クリックã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã—ãŸã‚¢ã‚¤ãƒ†ãƒ も常ã«ä¿æŒã—ã¾ã™ã€‚ æ“作ã¯ä¸Šéƒ¨ã®ãƒãƒ¼ã€FRAME上ã§ãƒ›ã‚¤ãƒ¼ãƒ«ã€ãƒ‘ãƒãƒ«ã®ã‚¯ãƒªãƒƒã‚¯ã€ä¸‹éƒ¨ã®ãƒŠãƒ“ゲーションãŒã‚ã‚Šã€ã¾ãŸä¸‹éƒ¨ã®ãƒœã‚¿ãƒ³ã§ã¯å‰ãƒ»æ¬¡ã€æœ€åˆãƒ»æœ€å¾Œãƒ»ä¸å¤®ãªã©ã®æ“作もã§ãã¾ã™ã€‚ ナビゲーションã§ã®æ“作ã¯æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã‚’å…ˆé ã«é…ç½®ã—ã¾ã™ã€‚ デモã§ã¯ã€æ°´å¹³æ–¹å‘ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã ã‘ã§ãªãã€åž‚ç›´æ–¹å‘ã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚ã‚ã‚Šã¾ã™ã€‚
8bitã‚ャラクターをæç”»ã§ãã‚‹jQueryプラグイン「EightBit.jsã€:phpspot開発日誌
Jquery Eight-Bit Plugin 8bitã‚ャラクターをæç”»ã§ãã‚‹jQueryプラグイン「EightBit.jsã€ã€‚ サイト上ã®æ画ツールを使ã£ã¦ãƒ‰ãƒƒãƒˆçµµã‚’æã„ã¦ã€ãã®ãƒ‰ãƒƒãƒˆçµµã‚’æç”»ã§ãã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ç”»åƒã§ã¯ãªãCSSãªãŸã‚ã€æ‹¡å¤§ã—ã¦ã‚‚ã†ã¾ã„å…·åˆã«ï¼˜ãƒ“ット感ãŒå‡ºã›ã¾ã™ã€‚ ボタンを押ã™ã¨ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’コード化ã—ãŸã‚‚ã®ãŒå‡ºåŠ›ã•ã‚Œã‚‹ã®ã§ãã¡ã‚‰ã‚’データã¨ã—ã¦æç”»ã§ãã¾ã™ ãªã‹ãªã‹é¢ç™½ã„仕組ã¿ã§ã™ãŒã€ç”»åƒã®å¤‰æ›ãƒ„ールãªã‚“ã‹ãŒå‡ºã¦ããŸã‚‰å®Ÿç”¨çš„ã§ã™ã‹ã 関連エントリ 見ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æ画用jQueryプラグイン「Morris.js〠クールãªãƒ‰ã‚¢ãƒŽãƒ–風ã®ï¼…グラフをæç”»ã§ãã‚‹jQuery Knob XMLを超見やã™ã折畳ã¿è¡¨ç¤ºã§ãã‚‹jQueryプラグイン「XML Tree〠faviconをアニメーションã•ã›ãŸã‚Šãƒ†ã‚ストを付与ã§ãã‚‹jQueryプラグイン「jQuery Favicon
[JS]ã“ã‚Œã¯æ¥½ã—ã„ï¼FPS値ã®è¨å®šã‚‚ã§ãるスプライトベースã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Motio
FPSã¨ã¯Frames Per Secondã®ç•¥ã§ã€1秒ã‚ãŸã‚Šã®ãƒ•ãƒ¬ãƒ¼ãƒ æ•°ã®ã“ã¨ã§ã™ã€‚ ã“ã®FPS値やスピードを簡å˜ã«èª¿æ•´ã§ãã‚‹CSSスプライトベースã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
ページ内ã®è¦ç´ ã«é‡åŠ›ã‚’与ãˆã¦è½ä¸‹ã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「jGravityã€:phpspot開発日誌
jGravity Demo ページ内ã®è¦ç´ ã«é‡åŠ›ã‚’与ãˆã¦è½ä¸‹ã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「jGravityã€ã€‚ 一見ãªã‚“ã®å¤‰å“²ã‚‚ãªã„ページã ã£ãŸã¨ã—ã¦ã‚‚ボタンを押ã™ã¨å…¨ã¦ã®è¦ç´ ã«é‡åŠ›ã‚’与ãˆã¦ãƒ–ラウザã®ä¸‹ã®æ–¹ã«è½ä¸‹ã•ã›ã‚‹ã¨ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘られã¾ã™ã€‚ 「Initiate jGravityã€ãƒœã‚¿ãƒ³ã§é‡åŠ›ã‚’与ãˆã¾ã™ã€‚ 次ã®ã‚ˆã†ã«ã‚¢ã‚¤ãƒ†ãƒ ãŒè½ä¸‹ã—ã¾ã™ã€‚ 使ã„ドコãƒã¯é›£ã—ã„ã§ã™ãŒã€é©šãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚よã•ãã†ã§ã™ 関連エントリ エフェクトãŒè‰²ã€…é¸ã¹ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Adaptor〠ターミナルã«æ–‡å—を打ã£ã¦ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹jQueryプラグイン「Typist〠jQueryã§ãƒ•ãƒªãƒƒãƒ—エフェクトを使ã£ãŸè‰¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚µãƒ³ãƒ—ãƒ«é›†ï¼‘ï¼ ç”»åƒãƒ›ãƒãƒ¼æ™‚ã«ï¼’ï¼ç¨®é¡žä»¥ä¸Šã®å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘られるjQueryプラグイン「Adipoliã€
ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’ç°¡å˜ã«æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「equalize.jsã€:phpspot開発日誌
equalize.js ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’ç°¡å˜ã«æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「equalize.js〠$('#height-example').equalize(); ãªã©ã¨ã™ã‚Œã°ã€å¹…や高ã•ã‚’瞬時ã«æƒãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ↓ã“ã‚“ãªæ„Ÿã˜ã«â†“ 高ã•ã ã‘ã§ã¯ãªãã¦ã€ ↓幅もåŒæ§˜ã«å…¨éƒ¨æƒãˆã‚‰ã‚Œã¾ã™â†“ カラムã®é«˜ã•ã‚’æƒãˆã‚‹ã“ã¨ã§ã‚¹ãƒƒã‚リã§ãã¾ã™ãŒã€ç°¡å˜ã«ã§ãã‚‹ã®ã¯æœ‰é›£ã„ã§ã™ã 関連エントリ ç”»åƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ã§ä¾¿åˆ©ãªjQueryプラグインç‰ã¾ã¨ã‚ アイテムをドラッグ＆ドãƒãƒƒãƒ—ã§ç”»é¢ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå‡ºæ¥ã‚‹jQueryプラグイン「gridster.js〠コンテンツ幅ã«å¯¾ã—ã¦ãƒ†ã‚ストを最大ã«ã—ã¦ç¾Žã—ãレイアウトã§ãる「BigTextã€
アイテムをタイル状ã«ä¸¦ã¹ã‚‹æ–°ã—ã„jQueryプラグイン「Freetileã€:phpspot開発日誌
Yannis Chatzikonstantinou / Freetile.js アイテムをタイル状ã«ä¸¦ã¹ã‚‹æ–°ã—ã„jQueryプラグイン「Freetile〠LightBoxã°ã‚Šã«æµè¡Œã£ãŸã“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ—ラグインã§ã™ãŒã€æ–°ã—ã„プラグインãŒå‡ºãŸæ¨¡æ§˜ã€‚ プラグインã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒãã‚Œãžã‚Œä½¿ã„å‹æ‰‹ãŒé•ã£ãŸã‚Šã™ã‚‹ã®ã§ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚よã•ãã†ã§ã™ã 使ã„æ–¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ç°¡å˜ã§ã€ã‚ªãƒ—ションã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‹ãªã©ã®ã‚·ãƒ³ãƒ—ルãªã‚ªãƒ—ションãŒé¸ã¹ã‚‹æ¨¡æ§˜ã§ã™ $('#container').freetile(); 関連エントリ ç”»åƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ã§ä¾¿åˆ©ãªjQueryプラグインç‰ã¾ã¨ã‚
スクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ãƒ‘ララックス効果を表ç¾ã§ãるスクリプト・jarallax - ã‹ã¡ã³ã¨.net
スクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦–差効果 を表ç¾ã§ãるスクリプト・ jarallaxã®ã”紹介。jQueryã‚’ å¿…è¦ã¨ã™ã‚‹ã¿ãŸã„ã§ã™ã€‚よã 見ã‹ã‘ã‚‹ã‚„ã¤ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒ 良ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«ã€‚ jQueryä¾å˜ã®ãƒ‘ララックスエフェクト実装スクリプトã§ã™ã€‚時間無ã„ã®ã§ç´¹ä»‹ã ã‘ã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ よãã‚るパララックス実装スクリプト。デモ作る暇ãŒç„¡ã‹ã£ãŸã®ã§å…¬å¼ã®ã‚’ã”覧下ã•ã„。 Sample フェードエフェクトãŒã†ã¾ã使ã‚ã‚Œã¦ã¾ã™ã€‚ アニメーションã®å®šç¾©ã‚’cloneAnimationã§ã‚¯ãƒãƒ¼ãƒ³åŒ–出æ¥ã‚‹æ§˜ã«ã—ãŸãã†ã§ã™ã€‚ var jarallax = new Jarallax(); var animation = jarallax.addAnimation('#foo',[{progress:'0', opacity:'0', top:'100%'}, {progress:'10', opacity:'1', t
jQuery Timelinr Plugin – タイムライン上ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’表示ã™ã‚‹jQueryプラグイン – creamu
jQuery Timelinr Pluginã¯ã€ã‚¿ã‚¤ãƒ ライン上ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’表示ã™ã‚‹jQueryプラグインã§ã™ã€‚ 時系列ã§è¦‹ã›ãŸã„å ´åˆã«ã‚ˆã•ãã†ã§ã™ã€‚ jQuery Timelinr Plugin
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}