Xlune::Blog
éžåŒæœŸãƒšãƒ¼ã‚¸(部分)é·ç§»jQueryプラグイン(jquery.smartPage.js) 元々jQueryã¯åŸºæœ¬çš„ãªéžåŒæœŸãƒšãƒ¼ã‚¸é·ç§»æ©Ÿèƒ½ã¯ä»˜ã„ã¦ã‚“ã ã‘ã©ã€ã‚‚ã†ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¤ã€æ±Žç”¨æ€§ã‚’æŒãŸã›ãŸã‚‚ã®ãŒæ¬²ã—ã„ãªãƒ¼ã¨æ€ã£ã¦ã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ã¯ã¿ã¾ã—ãŸã€‚ ステータスã¨ã—ã¦ã¯ã€ã€Œæ›¸ã„ãŸã‚ˆã€ã˜ã‚ƒãªãã¦ã€Œæ›¸ã始ã‚ãŸã€ã‘ã©é™ãŒç„¡ã•ãã†ãªã®ã§ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹ç¨‹åº¦ã§ã„ã„ã‚„ã€ã€ã€ã§ã™ã€‚ html5ã®pushState(pjax)ã¨"#!"を利用ã—ãŸãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒƒã‚·ãƒ¥ã«ã‚ˆã‚‹éžåŒæœŸãƒšãƒ¼ã‚¸é·ç§»ã®ä¸¡æ–¹ã‚’実装ã—ãŸãƒ¢ãƒŽã‚’目指ã—ã¦ã¾ã™ã€‚éžå¯¾å¿œ(IEã¨ã‹)ã®å ´åˆã¯æ™®é€šã«åŒæœŸé·ç§»ã—ã¾ã™ã€‚ éžåŒæœŸã‚½ãƒ¼ã‚¹ã«ã€"script"ã‚¿ã‚°ãŒã‚ã£ãŸã‚Šã€"document.write"ã®è¨˜è¿°ãŒã‚ã£ã¦ã‚‚ã€ãªã‚‹ã¹ã表示をå†ç¾ã™ã‚‹ã‚ˆã†è©¦ã¿ã¾ã™ã‚ˆãƒ¼ã€‚ jquery.smartPageã®ã‚ªãƒ—ション/コード Download github zi
ウェブデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«æ‚©ã‚“ã 時ã«è¨ªã‚ŒãŸã„サイトをã¾ã¨ã‚ã¦ä¸€è¦§ã§ãã‚‹ -Visual Heap
ウェブデザインã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‹ã‚‰ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ビジュアルãªã©ã€ã‚¤ãƒ³ã‚¹ãƒ”レーションやアイデアを探ã—ã¦ã‚‹æ™‚ã«åˆ©ç”¨ã—ãŸã„便利ãªã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Visual Heap [ad#ad-2] Visual Heapã¯Dribbbleã‚„Creatticaãªã©ã®ã‚µã‚¤ãƒˆã‹ã‚‰æœ€æ–°ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’集ã‚ãŸãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã§ã€Visual Heapã®ã‚µã‚¤ãƒˆè‡ªä½“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚‚é¢ç™½ã„作りã«ãªã£ã¦ã„ã¾ã™ã€‚ レイアウトã¯å„サイトã®ä½œå“ãŒæ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚‚ã®ã§ã€å„作å“をクリックã™ã‚‹ã¨ç¸¦ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ãã®ä½œå“を表示ã—ã¾ã™ã€‚
ページé·ç§»æ™‚ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã‚‹jQueryプラグイン「jQuery Pageswitch Pluginã€
twitter facebook hatena google pocket ページé·ç§»ã®éš›ã«ä½•ã‚‰ã‹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç™ºç”Ÿã™ã‚‹ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery Animated Pageswitch Pluginを利用ã™ã‚‹ã“ã¨ã§ã€ãれを簡å˜ã«å†ç¾å¯èƒ½ã§ã™ã€‚ sponsors 使用方法 jQuery Animated Pageswitch Pluginã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.4.3.min.js"></script> <script src="jquery.pageswitch.js" type="text/javascript"></script> <script> $(function() { $('#idå a').pageswitch({ url: '/test/', //
æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011年版
商用サイトã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる日本語ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ※フォントã¯å…¨ã¦å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã§ã™ãŒã€åˆ©ç”¨ã®éš›ã«ã¯å¿…ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„。 最新版を公開ï¼ãƒ•ã‚©ãƒ³ãƒˆã®æ•°ãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã¾ã™ã€‚ 2019年用ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 366種類ã®ã¾ã¨ã‚
効果的ãªãƒŠãƒ“ゲーションをè¨è¨ˆã™ã‚‹5ã¤ã®å¤§åˆ‡ãªãƒã‚¤ãƒ³ãƒˆ
How To Design Effective Navigation Menus [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Positon -ãƒã‚¸ã‚·ãƒ§ãƒ³ Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ãƒã‚¸ã‚·ãƒ§ãƒ³ ナビゲーションをページã®ã©ã“ã«é…ç½®ã™ã‚‹ã‹ã¯ã€éžå¸¸ã«é‡è¦ã§ã™ã€‚ ユーザーãŒãƒšãƒ¼ã‚¸ã‚’見る際ã«ã‚る特定ã®ãƒ‘ターンãŒã‚ã‚Šã¾ã™ã€‚ユーザビリティã®å¤§å®¶ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã«ã‚ˆã‚‹FパターンãŒæœ‰åã§ã™ï¼ˆF-Shaped Pattern）。ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã‚’走査ã™ã‚‹éš›ã€ä¸Šéƒ¨ã¨å·¦éƒ¨ã«ï¼ˆFã®æ–‡å—ã®ã‚ˆã†ã«ï¼‰ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã†ã„ã£ãŸãƒ‘ターンをç†è§£ã—ã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ã‚’å¦ã³ã€ä½•ã‚’期待ã™ã‚‹ã¹ãã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ã‚‹ãŸã‚ã«ä½¿ã„ã¾ã™ã€‚数多ãã®ã‚µã‚¤ãƒˆã‚’見ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é…æ…®
良ã„デザインã£ã¦ï¼ŸæŠ€è¡“ã‚’å¦ã¶å‰ã«çŸ¥ã£ã¦ãŠããŸã„デザイン・レイアウトã®åŸºæœ¬çš„ãªã“ã¨
デザイナーã«ãªã‚ŠãŸã„ã£ã¦æ€ã£ãŸæ™‚ã«Photoshopã‚„Illustratorã€cssã‚„htmlを勉強ã—ãªãゃãªã€œ><ã¦è€ƒãˆã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€æŠ€è¡“çš„ãªã“ã¨ã‚’å¦ã¶å‰ã«ã¾ãšãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡ºæ¥ãªãゃ始ã¾ã‚Šã¾ã›ã‚“よã。 センス？ã‹ã£ã“良ã•ï¼Ÿå¥‡éº—ã•ï¼Ÿè‰¯ã„デザインã«ã—ãŸã„ã‘ã©ã€ä½•ã‚’ã—ãŸã‚‰ã„ã„ã‹ã‚ã‹ã‚‰ãªã„。ãã‚“ãªæ™‚ã«ä½•ã‚’考ãˆãŸã‚‰è‰¯ã„ã®ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã‚’ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ XD ã¯ã˜ã‚㫠良ã„デザインã£ã¦ï¼Ÿ 最良ã®æ–¹æ³•ï¼Ÿ 1.コンテンツã®ç›®çš„ 2.ターゲット 3.ã“れらを組ã¿åˆã‚ã›ãŸä¾‹ デザインã®åŸºæœ¬ 1.書体ã«ã¤ã„㦠2.ジャンプ率 3.ホワイトスペースを生ã‹ã™ >ホワイトスペースã§æƒ…å ±ã‚’åˆ†å‰²ã™ã‚‹ >ホワイトスペースã§å›²ã‚€ >ホワイトスペースã«ã‚ãˆã¦ã¯ã¿å‡ºã™ 最後㫠ã¯ã˜ã‚㫠デザインã¨ã„ã†è¨€è‘‰ã‚’èžãã¨ã€ã‹ã£ã“ã„ã„ã€ã‹ã‚ã„ã„ã€ãŠã—ゃれã€ãã‚Œã„ã€ãªã©ã¨æ„Ÿè¦šçš„ãªã‚‚ã®ã‚’æ€ã„æµ®ã‹ã¹ã‚‹æ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹
完全ã«ãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§å‹è² ã—ã¦ã„るカッコよãã¦ã‚·ãƒ³ãƒ—ルãªã‚µã‚¤ãƒˆé›†
日本デザインセンター / Andreas Pihlström / TYP他...全14件
ç”»åƒã‚’背景ã«ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã€ŒjQuery Fullscreen Slideshow with zoom/slide animationã€
twitter facebook hatena google pocket フルスクリーンã§ç”»åƒã‚’背景ã«è¡¨ç¤ºã•ã›ã‚‹ã¨ã‚¤ãƒ³ãƒ‘クトãŒå‡ºã›ã¾ã™ã€‚ jQuery Fullscreen Slideshow with zoom/slide animation | jQuery Pluginsã¯ã€ã“れをå¯èƒ½ã«ã—ã€ã¾ãŸã‚ºãƒ¼ãƒ ãªã©ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’全自動ã§ä»˜ã‘ã¦ãã‚Œã¾ã™ã€‚ sponsors 使用方法 jQuery Fullscreen Slideshow with zoom/slide animation | jQuery Pluginsã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã€‚ 下記を記述ã™ã‚Œã°å®Œæˆã§ã™ã€‚ <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.
jQueryã§ã‚µã‚¤ãƒˆå†…ã«ç°¡å˜ã«RSSフィードを組ã¿è¾¼ã‚るプラグイン「zRSSFeedã€ï½œBLACKFLAG
サイト内ã«RSSフィードをèªã¿è¾¼ã‚€æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ jQueryを使ã£ã¦ç°¡å˜ã«çµ„ã¿è¾¼ã‚るプラグインãŒãªã„ã‹æŽ¢ã—ãŸã¨ã“ã‚〠必è¦æœ€ä½Žé™ã®è¦ç´ ã§çµ„ã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã¨ãªã‚‹ç†æƒ³ã®ãƒ—ラグイン 「zRSSFeedã€ã«è¾¿ã‚Šã¤ã„ãŸã®ã§ã“ã“ã§ã‚‚紹介ã—ã¦ã¿ã¾ã™ã€‚ zRSSFeed – RSS Feeds Reader for jQuery zRSSFeed – RSS Feeds Reader for jQuery 上記ページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるプラグインファイルã¨ä½µã›ã¦ 実行ã•ã›ã‚‹ç‚ºã®IDã‚’ã¤ã‘ãŸï¼œdiv＞ãªã©ã‚’用æ„ã—〠スクリプトを実行ã™ã‚‹ã ã‘。 実装方法ã®ã‚µãƒ³ãƒ—ルã«ã¤ã„ã¦ã€‚ HTMLã¯ä¸‹è¨˜ã®æ§˜ã«ä»»æ„ã®IDåãŒã¤ã„ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ ※今回ã®ã‚µãƒ³ãƒ—ルã§ã¯IDåを「feedã€ã«ã—ã¾ã™ã€‚ â—†HTML <div id="feed"></div> ãã—ã¦ä¸‹è¨˜ã®æ§˜ã«ID「feedã€ã«å¯¾ã—ã¦ã€ã‚¹
スクãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã§ãã‚‹jQueryプラグイン「jQuery CUSTOM CONTENT SCROLLERã€ï½œBLACKFLAG
Webページ内ã§é™ã‚‰ã‚ŒãŸç¯„囲内ã«ãƒ†ã‚ストãªã©ã‚’多ãã®æƒ…å ±ã‚’æŽ²è¼‰ã™ã‚‹å ´åˆã€ インラインフレームã®æ§˜ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒªã‚¢ã‚’è¨ç½®ã™ã‚‹ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã“ã¨ã€‚ ã§ã™ãŒã€ãƒ–ラウザã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã§ã¯è¦‹ãŸç›®ãŒã‚ã¾ã‚Šã«ã‚«ãƒƒã‚³æ‚ªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã®æ§˜ãªéš›ã«ä½¿ãˆã‚‹ç°¡å˜ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã§ãã‚‹jQueryプラグイン 「jQuery CUSTOM CONTENT SCROLLERã€ã®ã”紹介。 ≫jQuery CUSTOM CONTENT SCROLLER ≫デモã¯ã“ã¡ã‚‰ã€Demo: jQuery custom scrollbar demo】 デモ画é¢ã‚„サンプルデータã«ã‚るよã†ã« 様々ãªãƒ‘ターンã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 実装ã—ã¦ã‚‚動作ãŒé‡ããªã‚‹ã‚ˆã†ãªã“ã¨ã‚‚ãªã〠マウスホイールã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚ãã¡ã‚“ã¨å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã“ã‚ãªã©ãŒâ—Žã€‚ スクãƒãƒ¼ãƒ«ã®ã€Œç¸¦ã€ã¨ã€Œæ¨ªã€ã®ç¨®é¡žã®
Mega Moolah dan Immortal Romance: Duel Slot Legendaris
Selamat datang dalam dunia slot online yang dipenuhi dengan keajaiban! Dua slot legendaris, Mega Moolah dan Immortal Romance, dipandang sebagai favorit pemain dengan fitur-fitur unik serta pengalaman bermain yang tak terlupakan. Mega Moolah dikenal sebagai slot yang mempunyai jackpot progresif terbesar. Dengan tema safari yang menghibur, pemain dapat meraih hadiah besar melalui mekanisme jackpot p
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘フォーマンスを改善ã—ãŸæ–°ã—ã„テクニック
テã‚ストã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘フォーマンスを改善ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px 改善ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxを使ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">見出ã—ã®ãƒ†ã‚スト</h3> 「text-indent:-9999px;ã€ã§ãƒ†ã‚ストを見ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’背景画åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
リッãƒãªè¡¨ç¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã«å·®ãŒã¤ãã€3D表ç¾ãŒã§ãã‚‹jQueryスライドショープラグイン
Slideshow with jmpress.j... / RefineSlide
Circle Menu
A customizable jQuery plugin that emulates the menu in the Path application. Includes a selection animation and various animation options for opening and closing the menu. See it in action. Author Jason Hutchinson ([email protected]) How to Use Download and include the JS file in your page. Create a list, with the first list item representing the icon at the center of the menu. <ul> <li><a href="#">+
[JS]広大ãªã‚«ãƒ³ãƒã‚¹ã‚’使ã£ã¦æ¬¡ã€…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスライドã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jmpress.js
テーマ左上ã‹ã‚‰ã€baseã€sunnyã€le-frogã€ui-darkness 対応ブラウザã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ iPadも対応ã¨ã„ã†ã®ã¯ã„ã„ã§ã™ã。 Chrome/Chromium Safari Firefox IE Opera iPad impress.jsã‹ã‚‰ã®ç§»è¡Œ jmpress.jsã¯ã€Œimpress.jsã€ã®jQuery版ã§ã€impress.jsã®ç‰¹å¾´å…¨ã¦ã¨æ›´ã«å¤šãã®æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ impress.jsã‹ã‚‰ç§»è¡Œã™ã‚‹ã«ã¯ã€jquery.jsã‚’åŠ ãˆã€ã‚¹ã‚¯ãƒªãƒ—トをimpress.jsã‹ã‚‰jmress.jsã«ã—ã€ã‚¹ã‚¯ãƒªãƒ—トã®å‘¼ã³å‡ºã—を「$(selector).jmpress(); ã€ã«å¤‰æ›´ã—ã¾ã™ã€‚ impressã®ãƒ‡ãƒ¢ã‚’jmpress.jsã§å‹•ã‹ã—ãŸãƒ‡ãƒ¢ jmpress.jsã®ä½¿ã„æ–¹ HTML ルートã¨ãªã‚‹divè¦ç´ ã«ã€Œid="jmpress"ã€ã‚’ã¤ã‘ã€å„コンテンツをdivè¦ç´ ã§é…
アニメーションã—ãªãŒã‚‰å°‘ã—ãšã¤æ–‡å—を表示ã•ã›ã¦ã„ãエフェクトを実装ã™ã‚‹jQueryプラグイン・Lettering Animate - ã‹ã¡ã³ã¨.net
使ã„ã©ã“ã‚ã‚‚ã‚ã‚Šãã†ã ã£ãŸã®ã§ 備忘録。文å—をアニメーション㗠ãªãŒã‚‰å°‘ã—ãšã¤è¡¨ç¤ºã•ã›ã¦ã„ã様 ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãã‚‹jQuery プラグイン・Lettering Animate ã§ã™ã€‚ プãƒãƒ€ã‚¯ãƒˆã®ã‚ャッãƒã‚³ãƒ”ーãªã‚“ã‹ã‚‚ã“ã®æ–¹æ³•ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–点を誘導出æ¥ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã。Flashã§ã¯æ˜”ã‹ã‚‰ã‚ˆã見ã‹ã‘る表ç¾ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 lettering.jsã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚8種類ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 以下動作サンプルã§ã™ã€‚ Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" sr
[JS]è¨ç½®ã‚‚超簡å˜ã€ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’慣性スクãƒãƒ¼ãƒ«ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -NiceScroll
live demo: IFrame iframeを使ã£ãŸãƒ‡ãƒ¢ã§ã™ã€‚ divè¦ç´ ã¨åŒæ§˜ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚ºãƒ¼ãƒ ãŒå¯èƒ½ã§ã™ã€‚ NiceScrollã®ç‰¹å¾´ æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã®ä¿®æ£ç„¡ã—ã§ã€ç°¡å˜ã«è¨ç½®ãŒã§ãã¾ã™ã€‚ ページã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’å¿…è¦ã¨ã—ãªã„スクãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¨ç½®ã§ãã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã§ãã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ–ラウザã§ãƒžã‚¦ã‚¹ãƒ»ã‚ーボードã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ã¯æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¯¾å¿œã—ã¦ãŠã‚Šã€ã‚¹ãƒ”ードã¯èª¿æ•´å¯èƒ½ã€‚ コンテンツã®ã‚ºãƒ¼ãƒ 機能。 対応ブラウザ IE6ã‚’å«ã‚ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ブラウザã ã‘ã§ãªãã€iPhone, iPadãªã©ãƒ¢ãƒã‚¤ãƒ«ãƒ–ラウザã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Firefox 4+ Chrome 5+ Safari 4+ (win/mac) Opera 10+ IE 6+ iPhone, iPadãªã©ã®iOSデãƒã‚¤ã‚¹ [ad#ad-2]
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.css-lecture.com/log/css3/css3-gradient.html
[CSS]æ°¸é ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãŸããªã‚‹ã€æ°—æŒã¡ã„ã„エフェクト -CSS Scroll Effects
ウェブ・å°åˆ·ãƒ‡ã‚¶ã‚¤ãƒ³å‘ã‘ã€ãƒ†ãƒ¼ãƒžåˆ¥ãƒ»ã‚«ãƒ©ãƒ¼åˆ¥ã®è‰²ã®çµ„ã¿åˆã‚ã›ã‚„カラースã‚ームã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}