[JS]パãƒãƒ«ã‚’水平方å‘ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã‚¨ãƒªã‚¢ã‚’拡大ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -sliding menu revisited
jQuery sliding menu revisited demo デモã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ã‚’é…ç½®ã—ãŸçŸ©å½¢ã®ã‚¨ãƒªã‚¢ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€ãã‚Œãžã‚Œã®ãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’変更ã—パãƒãƒ«ã®ã‚¨ãƒªã‚¢ã‚’拡大ã—ã¾ã™ã€‚ å„矩形ã®ãƒ‘ãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ sliding menu revisitedã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
CSSã§å½±ä»˜ãテã‚ストã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¹ãƒãƒƒãƒˆãƒ©ã‚¤ãƒˆã‚’当ã¦ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
text shadow bow CSSã§å½±ä»˜ãテã‚ストã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¹ãƒãƒƒãƒˆãƒ©ã‚¤ãƒˆã‚’当ã¦ã‚‹ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Safari, Firefox 3.5, Opera, Chromeã§ã—ã‹å‹•ãã¾ã›ã‚“ãŒã€Flashを使ã‚ãšã«ã€CSSã¨JavaScript ã§å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã®ãŒé¢ç™½ã„。 マウス移動ã§ã‚¹ãƒãƒƒãƒˆãƒ©ã‚¤ãƒˆãŒç§»å‹•ã€‚ Text Shadow 部分ãŒç”»åƒã§ãªãã¦ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¿ã‚°ã§è¡¨ç¾ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚é¢ç™½ã„ã¨ã“ã‚ã§ã™ã€‚ <div class="wall"> <p id="tsb-text">Text Shadow</p> <div></div> </div> 関連エントリ 便利ãªï¼£ï¼³ï¼³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼“ï¼é¸ CSSã¨divを使ã£ãŸç”»åƒå…ˆèªã¿ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 本ã®ç›®æ¬¡éƒ¨åˆ†ã®ã‚ˆã†ãªãƒªã‚¹ãƒˆã‚’CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
[JS]タブã§ãƒ‘ãƒãƒ«ã‚’切り替ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã„ã‚ã„ã‚ãªå®Ÿè£…例
Coda Slider and More With jQuery Tools demo デモã§ã¯ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ—ã‚’ã¯ã˜ã‚ã€ãƒ‘ãƒãƒ«ã‚’フェードエフェクトã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¿ã‚¤ãƒ—ã€ã‚¿ãƒ–ã«ãƒ„ールãƒãƒƒãƒ—を表示ã™ã‚‹ã‚¿ã‚¤ãƒ—ã€ãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®4ã¤ãŒã‚ã‚Šã¾ã™ã€‚ タブã¯ã€ä¸Š3ã¤ã¯ãƒªã‚¹ãƒˆè¦ç´ ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¿ã‚¤ãƒ—ã¯divè¦ç´ ã§ã€ãã‚Œãžã‚Œjquery.jsをベースã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚
ページã®ã‚ãれを実装ã™ã‚‹æ–¹æ³•5 – creamu
WebDesignBoothã§ã€ãƒšãƒ¼ã‚¸ã®ã‚ãれを実装ã™ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã”紹介。 » imple Page Peel Effect with jQuery and CSS by Soh Tanaka Soh Tanakaã«ã‚ˆã‚‹ã€jQueryã¨CSSを使ã£ãŸä¾‹ » The Sexy Curls jQuery Plugin Elliott Kemberã«ã‚ˆã‚‹ã€jQueryを使ã£ãŸä¾‹ã€‚jQueryã¨jQuery UIã®ä¸¡æ–¹ãŒå¿…è¦ Â» jQuery Page Peel 1.2 by Smpl Multimedia オプションãŒè±Šå¯ŒãªjQueryプラグイン » How to create a page peel advertisement in WordPress WordPressã§ãƒšãƒ¼ã‚¸ã®ã‚ãれを実装ã™ã‚‹æ–¹æ³• » WordPress Page Peel plugin Avramo
デザイナー・コーダー必見ï¼ä½¿ãˆã‚‹form関連jQueryプラグインã®æ•°ã€… | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã°ã‚“ã¯ã€æœ€è¿‘ホルモン焼ãã«ãƒãƒžã£ã¦ã„ã‚‹ishidaã§ã™ã€‚ WEBサイト制作時ã€formã¯å¿…ãšã¨ã„ã£ã¦ã‚‚ã„ã„ãらã„å˜åœ¨ã—ã¾ã™ã€‚ ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ や会員登録フォームãªã©ãŒã™ãã«æ€ã„ã¤ãã¾ã™ã‚ˆã。 デザインをãŒã£ã¤ã‚Šãƒ•ã‚©ãƒ¼ãƒ 部分ã§ä½œã‚Šè¾¼ã‚“ã§ã‚‚ã€CSSã®ã¿ã§ã¯ã€ 実ç¾ã§ããªã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚よãã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªã‚¯ã‚»ã®ã‚ã‚‹formã‚’ã€ã‚ˆã‚Šãƒªãƒƒãƒã«ï¼ã‹ã¤æ“作性をå‘上ï¼ã§ãã‚‹jQueryプラグインã®æ•°ã€…ã‚’ã”紹介ã—ã¾ã™ã€‚ デザイナーã®æ–¹ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«ã€‚ コーダーã®æ–¹ã¯ã€ãƒšãƒ¼ã‚¸ä½œæˆæ™‚é–“ã®çŸç¸®ã«æ‰‹åŠ©ã‘ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ jQuery plugin: Validation フォームã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼ˆãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãŒç°¡å˜ã«ã§ãるプラグイン。 エラーメッセージã¯localizationディレクトリ内ã«18言語用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 日本語用ã¯åˆ¥é€”作æˆã—ã€ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ jQuery
滑らã‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ä½œã—ã¦ãƒŠãƒ“ゲーションã«ã‚‚使ãˆãã†ãª1KBã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼µï¼©:phpspot開発日誌
Horizontal JavaScript Accordion 1kb - Web Development Blog 滑らã‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ä½œã—ã¦ãƒŠãƒ“ゲーションã«ã‚‚使ãˆãã†ãª1KBã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼µï¼© 次ã®ã‚ˆã†ã«ã€ãƒžã‚¦ã‚¹ã‚’ã‚ã‚ã›ã‚‹ã¨ã€ãƒ›ãƒãƒ¼ã—ãŸéƒ¨åˆ†ãŒãƒ“ヨーンã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ä¼¸ã³ã‚‹ï¼µï¼©å®Ÿè£…用ã®ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ è¨ç½®æ‰‹é †ãŒã™ã”ãシンプルã§ã™ (1) HTMLを定義ã—ã¾ã™ <ul id="sm" class="sm"> <li><img src="images/1.gif" alt="" /></li> <li><img src="images/2.gif" alt="" /></li> <li><img src="images/3.gif" alt="" /></li> <li><img src="images/4.gif" alt="" /></li> </ul> (2
英国ã®æ˜ åƒä½œå®¶ã‚‚使ã†JS製LavaLampメニュー (1/5)
シンプルãªWebデザインã«ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¯ã‚»ãƒ³ãƒˆã¨ãªã‚‹è£…飾è¦ç´ ã‚’åŠ ãˆãŸã„――。ãã‚“ãªã¨ãã«å‚考ã«ãªã‚‹Webサイトを見ã¤ã‘ã¾ã—ãŸã€‚英国ã®æ˜ åƒä½œå®¶ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–・ブックãƒã‚¤ãƒ³ãƒ€ãƒ¼æ°ã®ã‚µã‚¤ãƒˆã€ŒSteve Bookbinderã€ã§ã™ã€‚ 白を基調ã¨ã—ã€ä½™ç™½ã‚’広ãã¨ã£ãŸã“ã®Webサイトã¯ã€æ˜ åƒä½œå®¶ã‚‰ã—ãã€ä½œå“紹介をä¸å¿ƒã«æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚埋ã‚è¾¼ã¿ã®å‹•ç”»ãƒ—レーヤーã¨ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’除ã‘ã°ã€ã»ã¼ãƒ†ã‚ストã®ã¿ã§åˆ¶ä½œã•ã‚Œã¦ã„ã‚‹ãã‚ã‚ã¦ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ãˆã¾ã™ã€‚ ã¨ã“ã‚ãŒã€ãã‚“ãªã“ã®ã‚µã‚¤ãƒˆã«ã‚‚ã€1箇所ã ã‘ã€JavaScriptを使ã£ãŸæ„外ãªè£…é£¾ã‚’åŠ ãˆã¦ã„ã‚‹å ´æ‰€ãŒã‚ã‚Šã¾ã™ã€‚ãã‚ŒãŒãƒ˜ãƒƒãƒ€ãƒ¼ã«è¨ç½®ã•ã‚ŒãŸã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションã§ã™ã€‚今回ã¯ã“ã®ã‚µã‚¤ãƒˆã®ã‚·ãƒ³ãƒ—ルãªè£…飾テクニックをãŠæ‰‹æœ¬ã¨ã—ã¾ã—ょã†ã€‚ 今回ã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼š 『Steve Bookbinder〠英国ã®æ˜ åƒä½œå®¶ï¼ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã§ã‚るスティーブ・ブックãƒã‚¤ãƒ³ãƒ€
Web 開発者ã®è²¬ä»» (翻訳): Days on the Moon
John Resig æ°ã«ã‚ˆã‚‹ A Web Developer's Responsibility ã¨ã„ã†è¨˜äº‹ãŒç´ æ™´ã—ã‹ã£ãŸã®ã§ã€è‘—者ã®è¨±å¯ã‚’å¾—ã¦ã“ã“ã«æ—¥æœ¬èªžè¨³ã‚’掲載ã—ã¾ã™ã€‚ Web 開発者ã®æœ€å¤§ã®è² æ‹…ã¯ã€ãƒ–ラウザã®ãƒã‚°ã¨éžäº’æ›æ€§ã¸ã®å¯¾å¿œã«è†¨å¤§ãªæ™‚間を費やã™ã“ã¨ã§ã‚ã‚‹ã¨ã„ã£ã¦é–“é•ã„ãªã„ã§ã—ょã†ã€‚ãれゆãˆã«ã€ãれらã¸ã®å¯¾å¿œã«ä¸æº€ã‚’ã„ã†ã®ã¯ã€Web 開発者全員ã®å¸¸ã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚ブラウザã®ãƒã‚°ã¯è¿·æƒ‘ã§ã„らã ãŸã—ãã€ä»•äº‹ã‚’大幅ã«é›£ã—ãã—ã¾ã™ã€‚ ブラウザã®ãƒã‚°ã¯ã¨ã¦ã‚‚ã„らã ãŸã—ãã€é€šå¸¸ã®é–‹ç™ºã«ãŠã‘る最大ã®è² æ‹…ã§ã™ã€‚ã§ã™ã‹ã‚‰ã€é–‹ç™ºå¯¾è±¡ã®ãƒ–ラウザãŒã€è‡ªèº«ã®ãƒã‚°ã‚’見ã¤ã‘ä¿®æ£ã§ãるよã†ã«ã—ã¦ã‚„ã‚‹ã®ã¯ã€ã™ã¹ã¦ã® Web 開発者ã«ã¨ã£ã¦ã®è²¬ä»»ã§ã™ã€‚自分ãŒè¦‹ã¤ã‘ãŸãƒã‚°ã«å¯¾ã—ã¦è²¬ä»»ã‚’æŒã¡ã€ã€Œã»ã‹ã®èª°ã‹ãŒã“れを見ã¤ã‘ã‚‹ã ã‚ã†ã€ã¨ã¯æ€ã‚ãªã„ã“ã¨ã§ã€ãƒ–ラウザã®é€²æ©ã®é€Ÿåº¦ã¯åŠ 速ã—ã¦ã„ãã§ã—ょã†ã€‚ ブラウザを支æ´ã™ã‚‹è§£æ±ºç–
20 Excellent JavaScript Navigation Techniques and Examples
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. JavaScript allows you to add interacti
Ajaxã§å®Ÿç¾ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ20é¸ã€Œ20 More Excellent AJAX Effects You Should Knowã€
最近ã§ã¯ãƒ©ã‚¤ãƒ–ラリも多数リリースã•ã‚Œã€æ§˜ã€…ãªæ‰€ã§ä½¿ã‚ã‚Œã¦ã„る「Ajaxã€ç°¡å˜ã«é«˜åº¦ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„動作ãŒå°Žå…¥å¯èƒ½ã§ã™ãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã€Œ20 More Excellent AJAX Effects You Should Knowã€ã¯Ajaxã§å®Ÿç¾ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ GlassBox 様々ãªAjaxã®ã‚µãƒ³ãƒ—ルãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸç‰©ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– LightWindow YouTubeã«å‹•ç”»ã€ç”»åƒã€PDFファイルã¨æ§˜ã€…ãªãƒ¡ãƒ‡ã‚£ã‚¢ã«å¯¾å¿œã—ãŸãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€‚ â– Unobtrusive Table Actions テーブルã®å„ブãƒãƒƒã‚¯ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’付与ã§ãã‚‹Ajax。データを見ã›ã‚‹ãƒšãƒ¼ã‚¸ã«ã¯ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚ â– iCarousel plugin イメージをスライダー形å¼ã§è¡¨ç¾ã§ãã‚‹Ajax。 â– Validat
ã€é€£è¼‰ã€‘セカイ系ウェブツール考 (70) RIA開発ã«çŸ¥ã£ã¦ãŠããŸã„「JavaScriptã€ã®æœ€æ–°äº‹æƒ… | ãƒãƒƒãƒˆ | マイコミジャーナル
今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒJavaScript〠Ajaxを使ã£ãŸWebアプリケーションã®åˆ°æ¥ã¨ã¨ã‚‚ã«ä¸€æ°—ã«æ³¨ç›®åº¦ã‚’高ã‚ãŸã®ãŒJavaScriptã 。ãã‚Œã¾ã§ã¯ã‚»ã‚ュリティã®å•é¡Œãªã©ã‹ã‚‰ã€Webブラウザã®JavaScriptをオフã«ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚多ãã€ã¡ã‚‡ã£ã¨ã—ãŸç”»é¢ã®ã‚¤ãƒ•ã‚§ã‚¯ãƒˆãらã„ã«ã—ã‹ä½¿ã‚ã‚Œã¦ã“ãªã‹ã£ãŸã€‚ã ãŒä»Šã§ã¯ã€JavaScriptを有効ã«ã—ã¦ã„ã‚‹ã®ãŒã»ã¨ã‚“ã©ã§ã€Ajaxã«é™ã‚‰ãšRIA(リッãƒãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒ»ã‚¢ãƒ—リケーション)を構築ã™ã‚‹ã†ãˆã§æ¬ ã‹ã›ãªã„技術ã«ãªã£ã¦ã„る。 ã¾ãŸã€æ•°å¹´å‰ã¾ã§ã¯HTMLã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°é€Ÿåº¦ã‚„æ“作ã®è»½å¿«ã•ãŒWebブラウザã«æ±‚ã‚られã¦ããŸãŒã€æœ€è¿‘ã§ã¯JavaScriptã®å®Ÿè¡Œé€Ÿåº¦ã§å·®åˆ¥åŒ–を図るよã†ã«ãªã£ã¦ã„る。Google Chromeã€Firefoxã€Safariã€Operaãªã©ãŒæ–°ã—ã„JavaScript実行エンジンを開発ã—ã€ãã®é€Ÿåº¦ã‚’競ã„åˆã£ã¦ã„る。 今回ã¯ãã‚“
[JS]セレクトボックスã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’é…ç½®ã—ã¦ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -image combobox
セレクトボックスã®å„アイテムã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’é…ç½®ã—ã¦ã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«èªè˜ã—ã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トをMarghoob Sulemanã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[CSS]è¦ç´ をボタン風ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
moto-mono.net
{{#tags}}- {{label}}
{{/tags}}