gameQuery - a javascript game engine with jQuery
Mechalchemist Play now! This game is a money idol exchanger clone. To play use the 'a' to move the probe left, 'd' to move the probe right, the 's' arrow to take a stone and the 'w' arrow to drop it. Your goal is to make the stone disappear. Use the conversion table at the right. The probe can store any number of stone but all from the same kind. Collision Demo Play now! This is a simple demo for
ç°¡å˜ãƒ–ãƒã‚°ãƒ‘ーツé…布JS suzunariを使ã£ã¦ã¿ã‚ˆã† | _level0 - KAYAC Front Engineer Blog
最近å—ã‘æŒã£ã¦ã„る案件ã§ä½¿ç”¨ã—ã¦ã„ã‚‹suzunari.jsã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークをã”紹介ã—ã¾ã™ã€‚ã“ã‚Œã¯Flashã§ä½œã‚‰ã‚ŒãŸãƒ–ãƒã‚°ãƒ‘ーツをé…布ã™ã‚‹ãŸã‚ã®æœ€ã‚‚ç°¡å˜ã§ã€ã‹ã¤é«˜æ©Ÿèƒ½ãªJSフレームワークã§ã™ã€‚ 最å°é™ã®æ‰‹é †ã¾ãšã¯æœ¬ä½“ã§ã‚ã‚‹suzunari.jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã—ょã†ã€‚ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 次ã«ãƒ–ãƒã‚°ãƒ‘ーツã¨ã—ã¦è¡¨ç¤ºã™ã‚‹swfファイルを作æˆã—ã¾ã—ょã†ã€‚作æˆã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã¯main.swfã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«åを付ã‘ã¦ãã ã•ã„。 ãã—ãŸã‚‰ã€ä»¥ä¸Šã®2ファイルをé…布用ã®ã‚µãƒ¼ãƒã¸ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„。suzunari.jsã¨main.swfã¯åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ç½®ã„ã¦ãã ã•ã„。 ã“ã‚Œã ã‘ã§ã™ï¼ç°¡å˜ï¼è²¼ä»˜ã‘ã‚¿ã‚°ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <script type="text/javascript" src="http://[ファイルをアップãƒãƒ¼ãƒ‰ã—ãŸå ´æ‰€]/suzunari.js"></sc
css-eblog.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - css eblog リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryを使ã£ãŸWYSIWYGエディタ·jWYSIWYG MOONGIFT
Webベースã§ãƒªãƒƒãƒãªãƒ‰ã‚ュメントを作æˆã§ãるソフトウェアã¨è¨€ãˆã°ã€FCKEditorã‚„WYMeditorãªã©ãŒä¸€èˆ¬çš„ã 。ã“れらã¯éžå¸¸ã«ä¾¿åˆ©ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã¯ã‚ã‚‹ãŒã€æ—¢ã«å‡ºæ¥ä¸ŠãŒã£ãŸæ„Ÿã®ã‚るソフトウェアã§ã‚ã‚Šã€ä¿®æ£ã—よã†ã¨ã‚‚æ€ãˆãªã„ã»ã©å¤šæ©Ÿèƒ½ã 。逆ã«å¤šæ©Ÿèƒ½ã™ãŽã¦å‹•ä½œãŒé‡ãŸã„ã¨ã„ã†æ¬ 点ãŒã‚る。 jQueryベースã®WYSIWYGエディタ å¿…è¦ãªã‚‚ã®ã ã‘ã‚’ç°¡å˜ã«ãƒ”ックアップã§ãã‚‹ã€ã•ã‚‰ã«è‡ªåˆ†ãªã‚Šã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ã‚‚考ãˆãŸã„æ–¹ã®ãŸã‚ã«jwysiwygを紹介ã—よã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯jWYSIWYGã€jQueryプラグインã¨ã—ã¦æä¾›ã•ã‚Œã‚‹WYSIWYGエディタã 。 jWYSIWYGã¯WYMeditorを模ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹WYSIWYGエディタã 。jQueryをベースã¨ã—ã¦ä½œã‚‰ã‚Œã¦ãŠã‚Šã€18KBã¨è»½é‡ãªä½œã‚Šã«ãªã£ã¦ã„る（圧縮版ã¯7KBã ）。必è¦ãªç”»åƒã‚„CSSã‚’åˆã‚ã›ã¦ã‚‚
[JS]高ã„カスタマイズ性を備ãˆãŸLightbox風ã®ã‚¹ã‚¯ãƒªãƒ—ト -nyroModal
nyroModalã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã•ã‚Œã‚‹ã€é«˜ã„カスタマイズ性を備ãˆãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’生æˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ nyroModal デモページ nyroModalãŒç”Ÿæˆã™ã‚‹ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã«ã¯ã€ãƒ†ã‚ストãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¯ã˜ã‚ã€è¤‡æ•°ã®ç”»åƒã‚’使用ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚„å‹•ç”»ã€AJAXコンテンツやフォームãªã©ã‚’表示ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã¾ã¾ã§ã‚‚æ°—æŒã¡ã‚ˆã表示・éžè¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€èƒŒæ™¯ã€ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãªã©ã‚’カスタマイズã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ nyroModalã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
jQuery 㨠prototype.js ã‚’åŒæ™‚ã«ä½¿ã†ã€‚（$(); ã®ã‚³ãƒ³ãƒ•ãƒªã‚¯ãƒˆå›žé¿ï¼‰ï½œJavaScriptプãƒã‚°ãƒ©ãƒ メモ｜プãƒã‚°ãƒ©ãƒ メモ
jQueryã¨prototype.js ã‚’åŒæ™‚ã«ä½¿ã„ãŸã„å ´é¢ãŒã¾ã‚Œã«ã‚ã‚Šã¾ã™ã€‚ ãã®ã¨ã $('id_name'); ã¨ã„ã£ãŸæ›¸å¼ã‚’ jQuery, prototype.js å…±ã«æŒã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã®å‹•ä½œï¼ˆæ›¸å¼ã‚„戻り値）ãŒé•ã„ã¾ã™ã€‚ 例ãˆã°æˆ»ã‚Šå€¤ã®å ´åˆã€ prototype.js：DOMオブジェクトを返㙠jQuery：jQueryオブジェクトを返㙠ã¨ã„ã†é•ã„ãŒã‚ã‚Šã¾ã™ã€‚ ãã“㧠jQueryã¨prototype.jsã‚’åŒæ™‚ã«ä½¿ã„ãŸã„å ´åˆã¯ jQueryã® $(); ã‚’é•ã†åå‰ã«å¤‰æ›´ã—ã¦ä½¿ã„ã¾ã™ã€‚ <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script> // 下記2è¡Œã‚’è¿½åŠ jQuery.noConflict(); var j$ = jQuery; <
MOONGIFT: » prototype.jsベースã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€Œprotocalendar.jsã€:オープンソースを毎日紹介
よãã€èª•ç”Ÿæ—¥ã®å…¥åŠ›ãªã©ã§ãƒ‰ãƒãƒƒãƒ—ダウンリストã‹ã‚‰é¸ã°ã›ã‚‹ã‚‚ã®ãŒã‚ã‚‹ãŒã€ã‚ã‚Œã»ã©å…¥åŠ›ãŒé¢å€’ãªã‚‚ã®ã¯ãªã„ã¨æ€ã£ã¦ã„る。テã‚ストボックスã«ãã®ã¾ã¾æ•°å—ã§å…¥ã‚ŒãŸæ–¹ãŒã‚ˆã£ã½ã©ã‚‚手軽ã 。 ã¨ã¯è¨€ãˆã€å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚„ユーザビリティを考ãˆã‚‹ã¨ãれもãŠå‹§ã‚ã¯ã§ããªã„。手軽ã§ã€ã•ã‚‰ã«æ£ç¢ºãªå…¥åŠ›ãŒä¿ƒã›ã‚‹æ–¹æ³•ã¨ã—ã¦ã“れをãŠå‹§ã‚ã—ãŸã„。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯protocalendar.jsã€prototype.jsベースã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å…¥åŠ›ãƒ©ã‚¤ãƒ–ラリã 。 protocalendar.jsã¯ãƒ†ã‚ストボックスã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã‚‹ã¨ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリã 。良ãã‚ã‚‹ã‚‚ã®ã ãŒã€prototype.jsベースãªã®ã¨ã€ä½•ã‚ˆã‚Šæ—¥æœ¬è£½ã¨ã„ã†ã®ãŒç‰¹å¾´ã 。 日本製ã®å¬‰ã—ã„点ã¨ã—ã¦ã¯ã€ä¼‘æ—¥ã«å¯¾å¿œã—ã¦ã„る点ã ã‚ã†ã€‚ãƒãƒƒãƒ”ーマンデーã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€æ•°å¹´å¾Œã®ä¼‘日も表示ã•ã‚Œã‚‹ã®ãŒç´ 晴らã—ã„。 ã•ã‚‰ã«å¤šè¨€èªžå¯¾å¿œã«ã‚ˆ
footerをウィンドウ下部ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€
footerをウィンドウ下部ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.js〠footer部分を画é¢ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ãŸã‚ã®jsライブラリ『footerFixed.jsã€ã‚’作æˆã—ã¾ã—ãŸã€‚ フッターをコンテンツã®å†…容é‡ã«ã‹ã‹ã‚らãšwindow下部ã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®jsライブラリã§ã™ã€‚ サンプル è¨ç½®æ–¹æ³•ã¯ headè¦ç´ ãªã®ã§footerFixed.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部ã«å›ºå®šã—ãŸã„è¦ç´ ã«id属性「footerã€ã‚’付ã‘ã¾ã™ã€‚ ã“ã‚Œã§ãã®è¦ç´ をウインドウã®ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ (ウインドウã®ä¸‹éƒ¨ã¨ã„ã†ã®ãŒã‚ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã™ãŒã€å†…容é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’超ãˆã‚‹å ´åˆã¯é€šå¸¸é€šã‚Šã€å†…容é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„å ´åˆã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«é…ç½®ã¨ã„ã†æ„味ã§ã™
HTMLテーブルã«åˆ†ã‹ã‚Šã‚„ã™ã„カーソルãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ã‚’付ã‘られるJSライブラリ「Tableclothã€:phpspot開発日誌
HTMLテーブルã«åˆ†ã‹ã‚Šã‚„ã™ã„カーソルãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ã‚’付ã‘られるJSライブラリ「Tablecloth〠2007å¹´10月10æ—¥- Welcome to Tablecloth Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. HTMLテーブルã«åˆ†ã‹ã‚Šã‚„ã™ã„カーソルãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ã‚’付ã‘られるJSライブラリ「Tableclothã€ã€‚ テーブルã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ã€ç¾åœ¨ä½ç½®ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¾ã™ã€‚クリックã™ã‚‹ã¨ã€ãã®ä½ç½®ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’固定ã—ã¾ã™ã€‚ シンプルãªåŠ¹æžœã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ãŒå¤šãã‚ã‚‹éš›ã€ç¾åœ¨ä½ç½®ã®ç¢ºèªã‚„ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„部分をãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã›ã¦ãŠãã“ã¨ãŒå‡ºæ¥ã‚‹ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティå‘上ãŒæœŸå¾…ã§ãã¾ã™ã。 使ã„æ–¹ã¯æ¬¡
ç”»åƒã‚’立体ガラス風ã«ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…JavaScriptライブラリ「Glossy.jsã€:phpspot開発日誌
Glossy.js (with IE 6/7 support) Glossy.js 1.3 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). ç”»åƒã‚’立体ガラス風ã«ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…JavaScriptライブラリ「Glossy.jsã€ã€‚ プレーンãªç”»åƒã«ã€æ¬¡ã®ã‚ˆã†ã«ç”»åƒã«ã‚¬ãƒ©ã‚¹ã®ã‚ˆã†ãªç«‹ä½“効果を与ãˆã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ å¿…è¦ãªãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ã€<img>ã‚¿ã‚°ã«ã€class="glossy"を指定ã™ã‚‹ã ã‘ã§ã„ã„ãŠæ‰‹è»½ã•ã§ã™ã€‚ 目立ãŸã›ãŸã„ç”»åƒã«å¯¾ã—ã¦ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’指定ã™ã‚‹ã¨åŠ¹æžœçš„ã§ã™ã。 IE6,7もサãƒãƒ¼ãƒˆã—ã¦ã„るよã†ã§ã™
Flash 㨠Ajax を使ã£ãŸä½¿ã„ã‚„ã™ã„ファイルアップãƒãƒ¼ãƒ‰ãƒ©ã‚¤ãƒ–ラリ「 FancyUpload ã€
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. Flashã¨Ajaxを使ã£ãŸä½¿ã„ã‚„ã™ã„ファイルアップãƒãƒ¼ãƒ‰ãƒ©ã‚¤ãƒ–ラリ「FancyUploadã€ã€‚ FancyUpload を使ãˆã°ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã§è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚ç°¡å˜ãªã€æ¬¡ã®ã‚ˆã†ãªã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ãŒä½œã‚Œã¾ã™ã€‚ 「Browse Filesã€ãƒœã‚¿ãƒ³ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã¶ã¨ã€å³å´ã®ãƒšã‚¤ãƒ³ã« アップãƒãƒ¼ãƒ‰äºˆå®šã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¿½åŠ ã•ã‚Œã¾ã™ã€‚ 「Start Uploadã€ãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’開始ã—ã¾ã™ã€‚ アップãƒãƒ¼ãƒ‰ã®
FireFox＆Eclipseã§ã®JavaScript開発を効率化ã™ã‚‹ã€ŒFireclipseã€:phpspot開発日誌
Fireclipse Installation Instructions and Development Notes FireFox＆Eclipseã§ã®JavaScript開発を効率化ã™ã‚‹ã€ŒFireclipseã€ã€‚ Fireclipseを使ãˆã°æ¬¡ã®ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ FireFoxã®JavaScript コンソールã®çµæžœã‚’ Eclipseã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«é€ã‚‹ Eclipse上ã®ã‚¨ãƒ‡ã‚£ã‚¿ã§ã€ã‚¨ãƒ©ãƒ¼è¡Œã«ç§»å‹•ã™ã‚‹ Eclipseã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ã‚‹ FireBug ã¨é€£æºã—ã€FireBugã« Eclipseタブを付ã‘られã¾ã™ FireBug用ã®å„種拡張 Fireclipse自体ã¯ã€Firefoxã®æ‹¡å¼µã¨ã€FireBugã®æ‹¡å¼µã€Eclipseプラグインã‹ã‚‰æ§‹æˆã•ã‚Œã¾ã™ã€‚ JavaScript開発ãŒã¾ã™ã¾ã™ä¾¿åˆ©ã«ãªã‚Šãã†ãªãƒ„ールã§ã™ã。 今後ã¯Firefox上ã«ã‚¨ãƒ‡ã‚£ã‚¿ç‰ã®é–‹ç™ºãƒ„ールãŒç›´
GT Nitro: カーレーシング・ドラッグレーシングゲーム- Google Play ã®ã‚¢ãƒ—リ
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ã‚¹ãƒ”ードã€ãƒ‘ワーã€ã‚¹ã‚ル全開ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ブレーã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ーï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ーストã¾ã§ã€æœ€ã‚‚クールã§é€Ÿã„車ã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚スティックシフトをマスターã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ã使ã£ã¦ç«¶äº‰ã‚’打ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ 晴らã—ã„グラフィックスã§ã‚ãªãŸã®å¿ƒã‚’爆発ã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—レイã—ãŸã“ã¨ã®ãªã„よã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’試ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„瞬間ã«ã‚®ã‚¢ã‚’シフトã—ã€ã‚¬ã‚¹ã‚’æ€ã„切りè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—グレードも行ã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。世界ä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
JavaScriptã§ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’丸を自由自在ã«æ“るライブラリ「RUZEE.Bordersã€:phpspot開発日誌
JavaScriptã§ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’丸を自由自在ã«æ“るライブラリ「RUZEE.Borders〠2007å¹´03月27æ—¥- ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. JavaScriptã§ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’丸を自由自在ã«æ“るライブラリ「RUZEE.Bordersã€ã€‚ åŒæ§˜ã®ãƒ©ã‚¤ãƒ–ラリ㫠Nifty Corners ãŒã‚ã‚Šã¾ã™ãŒã€ã“れを更ã«é€²åŒ–ã•ã›ã€ä½¿ã„ã‚„ã™ãã€é«˜é€Ÿã«ã€ã‹ã¤ã‚ˆ
ページã«ä»Šã¾ã§è¦‹ãŸã“ã¨ã®ãªã„よã†ãªèƒŒæ™¯ç”»åƒã‚’CSSã¨JavaScriptã§è¨å®šã€ŒParallax Backgroundsã€:phpspot開発日誌
Parallax Background with Javascript and CSS ページã«ä»Šã¾ã§è¦‹ãŸã“ã¨ã®ãªã„よã†ãªèƒŒæ™¯ç”»åƒã‚’CSSã¨JavaScriptã§è¨å®šã€ŒParallax Backgroundsã€ã€‚ 一見ãªã‚“ã®å¤‰å“²ã‚‚ãªã„サイトã®ã‚ˆã†ã«è¦‹ãˆã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã¿ã‚‹ã¨2æžšã®èƒŒæ™¯ç”»åƒãŒé•ã†é€Ÿåº¦ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã€é¢ç™½ã„効果ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ã¤ã¾ã‚“ã§ã‚†ã£ãりページをスクãƒãƒ¼ãƒ«ã—ã¦ã¿ã¦ãã ã•ã„。 雲ã®ç”»åƒãŒã€ãã®å¾Œã‚ã®å¸ƒé¢¨ã®èƒŒæ™¯ç”»åƒã‚ˆã‚Šã‚‚高速ã«å‹•ã„ã¦ã¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ JavaScriptã® window.onscroll イベントã«ã‚ˆã£ã¦ãã‚Œãžã‚Œã®èƒŒæ™¯ç”»åƒã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã‚’調節ã—ã¦ã„るよã†ã§ã™ã€‚ 凄ãé¢ç™½ã„ãªãã€ã¨æ€ã£ãŸã®ã§ã™ãŒã€ã“ã®æ–¹æ³•ã‚’応用ã™ã‚‹ã“ã¨ã§ã€æ–°ãŸã«é¢ç™½ã„効果を作るã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 訪å•è€…ã¸ã®é©šãã®è¦ç´ ã¨ã—ã¦å®Ÿè£…ã—ã¦ã¿ã‚‹ã¨é¢ç™½ã„ã§ã—ょã†ã€‚ サãƒãƒ¼ãƒˆãƒ–
フォームã®å…¥åŠ›å€¤ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ãれるJavascriptã®ãƒ©ã‚¤ãƒ–ラリ『Validate.js〠| S i M P L E * S i M P L E
ã“ã‚Œã¯ä¾¿åˆ©ãã†ã€‚ 『validate.jsã€ã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ã•ã¾ã–ã¾ãªå…¥åŠ›ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã¾ã™ã€‚URLやメールアドレスãªã©ã®ã‚ˆãã‚ã‚‹ãƒã‚§ãƒƒã‚¯ã«åŠ ãˆã€ISBNã‹ã©ã†ã‹ã¨ã„ã£ãŸãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªãƒã‚§ãƒƒã‚¯ã‚‚ã§ãã¾ã™ã€‚ マニュアルã«è¼‰ã£ã¦ã„る命令をã”å‚考ã¾ã§ã«ã€‚ hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトã§ã¯å‹•ä½œãƒã‚§ãƒƒã‚¯ã®ãƒ‡ãƒ¢ã‚‚ã‚ã‚Šã¾ã™ã€‚コードも見れã¾ã™ã‚ˆã€‚ ↑ ã“ã‚“ãªæ„Ÿã˜ã§ã•ã¾ã–ã¾ãªãƒã‚§ãƒƒã‚¯ãŒã§ãã¾ã™ã€‚ 詳細＆ダウンãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ » Mutationevent :: Validate.js
PHPã®é–¢æ•°ã‚’JavaScriptã§ä½¿ã†ã“ã¨ãŒã§ãる「p2jsã€:phpspot開発日誌
p2js - Google Code PHPã®é–¢æ•°ã‚’JavaScriptã§åˆ©ç”¨ã™ã‚‹ç‚ºã«ãƒ”ュアJavaScriptã§ç§»æ¤ã—ã¾ã—ãŸ(ã—ã¦ã„ã¾ã™ã€‚) PHPã®é–¢æ•°ã‚’JavaScriptã§ä½¿ã†ã€Œp2jsã€ã€‚ 使ã„慣れã¦ã„ã‚‹PHP関数をã©ã†ã«ã‹JavaScriptã§å®Ÿè£…ã§ããªã„ã‹ã¨ä»¥å‰è€ƒãˆãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸãŒã€Google Codeã«ã¦ãã†ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’発見ã—ã¾ã—ãŸã€‚ 標準ã®JavaScript 機能ã ã¨ã€PHPã»ã©æ¨™æº–関数ãªã‚“ã‹ãŒå……実ã—ã¦ã„ãªã„ã“ã¨ã‚‚ã‚ã£ã¦ã€ã“ã†ã„ã†ã®ãŒä½¿ãˆã‚‹ã¨ä¾¿åˆ©ã§ã™ã。 ã¾ã å…¨ã¦ã®é–¢æ•°ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€ã¤ãã‚Šä¸ã¨ã„ã†ã“ã¨ã§ã€ä»Šå¾Œã«æœŸå¾…ã§ã™ã。 ã‚ã¨ã¯æ©Ÿèƒ½ã”ã¨ã«ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ã—ã¦ã€script.aculo.usã®ã‚ˆã†ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«æŒ‡å®šã§ç°¡å˜ã«å¿…è¦ãªæ©Ÿèƒ½ã ã‘èªã¿è¾¼ã‚る機能ãªã‚“ã‹ãŒã‚ã£ãŸã‚‰ãªã‹ãªã‹ä½¿ã‚ã‚Œãã†ãªæ°—ãŒã—ã¾ã™ã。 関連エントリ JavaScriptã‹ã‚‰ä½¿ãˆã‚‹ä¾¿åˆ©ãªUR
マウスホイールイベントå–得用ã®prototype.js拡張サンプル:phpspot開発日誌
Mouse Wheel マウスホイールイベントå–得用ã®prototype.js拡張サンプル。 標準ã®prototype.jsを使ã£ã¦ã‚‚ã€ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç°¡å˜ã«å–ã‚‹ã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“。 ã¨ã„ã†ã“ã¨ã§ã€prototype.js用ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹JavaScriptコードã®ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ 次ã®ã‚³ãƒ¼ãƒ‰ã‚’wheel.jsãªã‚“ã‹ã§ä¿å˜ã—ã¦prototype.jsã¨ä¸€ç·’ã«èªã¿è¾¼ã‚€ã¨ã€Event.Observeã«mousewheelãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Object.extend(Event, { wheel:function (event){ var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta/120; if (window.opera)
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://youmos.com/news/shadedborder.html
http://youmos.com/news/modalbox.html
{{#tags}}- {{label}}
{{/tags}}