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/', //
æµè¡Œã®jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚µã‚¤ãƒˆã‚’集ã‚ã¦ã¿ã¾ã—ãŸ
jQueryã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスクãƒãƒ¼ãƒ«ã•ã›ã‚‹æµ·å¤–サイトを最近見るã®ã§ã™ãŒã€ã‚ã‚Œã¯ã‹ã£ã“ã„ã„ã§ã™ã。ãã“ã§ã€ä»Šå›žã®è¨˜äº‹ã§ã¯ã€jQueryã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスクãƒãƒ¼ãƒ«ã•ã›ã¦ã„るサイトをã„ãã¤ã‹ç´¹ä»‹ã—ã¤ã¤ã€ã“ã®ã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆã«ç‰¹æœ‰ã®å•é¡Œã«ã¤ã„ã¦ã‚‚触れã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠コンテンツをスクãƒãƒ¼ãƒ«ãƒãƒ¼ã§ã¯ãªãã€JavaScriptã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹å ´åˆã€ãƒ–ラウザã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒå‡ºãªã„ãŸã‚ã€ã€Œãƒ–ラウザã‹ã‚‰ã¯ã¿å‡ºã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã©ã®ã‚ˆã†ã«æ‰±ã†ã‹ã€ã®èª²é¡Œã«ç›´é¢ã—ã¾ã™ã€‚以下ã®ã‚µã‚¤ãƒˆã§ã€ã“ã®å•é¡Œã‚’ã©ã®ã‚ˆã†ã«è§£æ±ºã—ã¦ã„ã‚‹ã‹ã«ã‚‚ã€æ³¨ç›®ã—ã¦è¦‹ã¦ãã ã•ã„。 01. Reverse Büro 自由自在ã«ç¸¦ã€æ¨ªæ–¹å‘ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚マウススクãƒãƒ¼ãƒ«ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚コンテンツ自体ãŒãƒ–ラウザ幅ã«åˆã‚ã›ã¦æ‹¡å¤§ãƒ»ç¸®å°ã™ã‚‹ã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯å¿…è¦ãªã„ã§ã™ã。写真ã ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã†ã„ã£ãŸè§£æ±ºç–もアリãªã‚“ã ã¨æ€ã„ã¾ã™ã€‚ ※サ
æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011年版
商用サイトã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる日本語ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ※フォントã¯å…¨ã¦å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã§ã™ãŒã€åˆ©ç”¨ã®éš›ã«ã¯å¿…ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„。 最新版を公開ï¼ãƒ•ã‚©ãƒ³ãƒˆã®æ•°ãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã¾ã™ã€‚ 2019年用ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 366種類ã®ã¾ã¨ã‚
綺麗ãªãƒ—レゼン用スライドを作るã€10ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
最近ã€keynoteã§ãƒ—レゼン資料を作るã“ã¨ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ PowerPointã§ä½œæˆã™ã‚‹ã‚ˆã‚Šã‚‚ã€keynoteã§ä½œã‚‹æ–¹ãŒã€ãƒ•ã‚©ãƒ³ãƒˆãŒç¶ºéº—ã 㗠ガイドã®ãƒ©ã‚¤ãƒ³ã‚‚出ã¦ã€é…置も綺麗ã«ãã‚ãˆã‚‰ã‚Œã‚‹ãŸã‚ keynoteを多ã使ã†ã“ã¨ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ プレゼンã®è³‡æ–™ã¯ã€ä¸èº«ãŒå‹è² ã§ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã˜ã‚ƒãªã„ã®ã§ã™ãŒ ã‚ã¾ã‚Šã«ã‚‚ã€è¦‹ãŸç›®ã®æ‚ªã„プレゼン資料ã ã¨ã€è¦‹ã¦ã‚‚らãˆãªã„㨠ã›ã£ã‹ã作ã£ãŸè‰¯ã„内容もã€å°ç„¡ã—ã«ãªã‚‹ã®ã§ã€ ã„ã¾ã¾ã§æœ¬ãªã©ã§èªã‚“ã ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦ã€å€‹åˆ¥ã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ １．見やã™ã„フォント フォントを見やã™ãã™ã‚‹ãŸã‚ã«ã€ã€Œãƒ’ラギノ角ゴStdN ã€ã‚’指定ã—ã¾ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã«ã™ã‚‹ã¨ã€å¤ªæ–‡å—ã§ã¯ã£ãり見ãˆã‚‹ã®ã§ã€ プãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ã«è¡¨ç¤ºã—ã¦ã‚‚見やã™ããªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ³ãƒˆã®å¤§ãã•ã‚‚ã€72ptã€64ptã€48ptを使ã„ã¾ã™ã€‚ ãƒãƒ©ãƒãƒ©ã®å¤§ãã•ã‚’使
グラフ作æˆã‚„データå¯è¦–化を楽ã«ç¾Žã—ãã§ãる便利ãªã‚µãƒ¼ãƒ“ス22個ã¾ã¨ã‚ | Web担当者Forum
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ãƒãƒƒãƒˆãƒ“ジãƒã‚¹ã‚’強力ã«æ”¯æ´ã™ã‚‹è£½å“ã«ã¤ã„ã¦ã€ãれを支ãˆã‚‹æŠ€è¡“ã‚„å¸‚å ´å‹•å‘を説明ã—ã€ã•ã‚‰ã«å„社ã‹ã‚‰æä¾›ã•ã‚Œã¦ã„る製å“を紹介ã™ã‚‹ã€‚競åˆå•†å“ãŒã²ã—ã‚ãå¸‚å ´ã§ã€ä»–社ã«å·®ã‚’付ã‘ã‚‹ãŸã‚ã®æ¦å™¨ã¨ã—ã¦ã€ãœã²å°Žå…¥ã‚’検討ã—ã¦ã¿ã¦ã»ã—ã„。今回ã¯ã€ã€Œã‚°ãƒ©ãƒ•ä½œæˆãƒ»ãƒ‡ãƒ¼ã‚¿å¯è¦–化ã€ã‚µãƒ¼ãƒ“スã 。 売り上ã’ã®æŽ¨ç§»ã€æ¥ç•Œã«ãŠã‘るシェアã€è‡ªç¤¾è£½å“ã®å‡ºè·æ•°å†…訳ãªã©ãªã©â€¦ã€‚「顧客ã®èª¬å¾—ã®ãŸã‚ã€ã‚¦ã‚§ãƒ–サイトã§ã‚‚グラフè¦ç´ を掲載ã—ãŸã„ã€ã¨ã„ã£ãŸã‚±ãƒ¼ã‚¹ã¯å¢—ãˆã¦ã„る。大手ä¼æ¥ã§ã¯ã€PHPを使ã„データベースã¨é€£å‹•ã•ã›ã¦å‹•çš„ã«æœ€æ–°ã‚°ãƒ©ãƒ•ã‚’表示ã•ã›ã‚‹ã€ã¨ã„ã£ãŸä»•çµ„ã¿ã‚’用æ„ã§ãã‚‹å ´åˆã‚‚ã‚ã‚‹ãŒã€ãŸã„ã¦ã„ã¯ã€Œã‚¨ã‚¯ã‚»ãƒ«ã§ä½œæˆã—ãŸã‚°ãƒ©ãƒ•ã‚’ç”»åƒã¨ã—ã¦è²¼ã‚Šä»˜ã‘ã€ã¨ã„ã£ãŸã€æ‰‹ä½œæ¥æ„Ÿã‚ãµã‚Œã‚‹ã‚‚ã®ã ã£ãŸã€‚ ã ãŒã€æ˜¨å¹´æœ«ã«Google Chart APIãŒç™»å ´ã—ã¦ä»¥é™ã€ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒ“スや独自APIãŒå¢—åŠ ã—ã€é¸æŠžè‚¢ãŒã‚°ãƒƒã¨å¢—ãˆã¦ããŸã€‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹
2011å¹´ç·ã¾ã¨ã‚：商用利用も無料ã€è‹±èªžã®é«˜å“質ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆé›†
2011å¹´ã®ç·ã¾ã¨ã‚ã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる英語ã®é«˜å“質ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ※フォントを利用ã™ã‚‹éš›ã«ã¯ã€ãƒ©ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚’å¿…ãšã”確èªãã ã•ã„。 ã¾ãŸã€æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã¯ä¸‹è¨˜ã‚’ã©ã†ãžã€‚ æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011年版
Developer's Guide - Google Chart API - Google Code
フィードãƒãƒƒã‚¯ã‚’é€ä¿¡ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚
Open Flash Chart - Home
Info: Open Flash Chart 2 is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but further development on 1.x has stopped. Take a look at version 2 here Open Flash Chart 2. Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site. The browser downloads the web page which contains the
効果的ãªãƒŠãƒ“ゲーションをè¨è¨ˆã™ã‚‹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件
æ–‡ç« ã®ä½œã‚Šæ–¹ - ä¼ã‚るデザイン ç ”ç©¶ç™ºè¡¨ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
ç ”ç©¶è€…ã‚„ç ”ç©¶ã«é–¢ã‚る大å¦ç”Ÿã‚„大å¦é™¢ç”Ÿã¯ã€ä¸€å¹´ã‚’通ã˜ã¦ç ”究室ゼミやå¦ä¼šãªã©ã§ç ”究æˆæžœã®ç™ºè¡¨ã‚’è¡Œãªã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。ã¾ãŸã€è¿‘å¹´ã€ç§‘å¦è€…ã§ãªã„人ãŸã¡ã«å¯¾ã™ã‚‹ä¸€èˆ¬å‘ã‘ã®ãƒ—レゼンや講演（アウトリーãƒæ´»å‹•ï¼‰ã®æ©Ÿä¼šã‚‚増ãˆã¦ãã¦ã„ã¾ã™ã€‚ä»–ã«ã‚‚ã€ç ”ç©¶è«–æ–‡ã‚„å ±å‘Šæ›¸ã‚’æ›¸ã„ãŸã‚Šã€ç ”究費調é”ã®ãŸã‚ã«äºˆç®—申請書やプãƒã‚¸ã‚§ã‚¯ãƒˆã®æ案書を作æˆã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã€ç ”究者ã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„仕事ã§ã™ã€‚ã“れらã¯ã„ãšã‚Œã‚‚æƒ…å ±ã‚’ä»–è€…ï¼ˆç ”ç©¶ä»²é–“ã‚„å¯©æŸ»å“¡ã€ä¸€èˆ¬å¸‚民）ã¸ä¼ãˆã‚ˆã†ã¨ã™ã‚‹è¡Œç‚ºã§ã‚ã‚Šã€æ£ç¢ºã‹ã¤åŠ¹æžœçš„ãªæƒ…å ±ã®ç™ºä¿¡ãŒæœ›ã¾ã‚Œã¾ã™ã€‚ã—ã‹ã—ã€è‡ªå·±æµã§è³‡æ–™ã‚’作æˆã—ã¦ã€é—‡é›²ã«æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¦ã‚‚ã€ã‚¹ãƒ ーズã«æƒ…å ±ã¯ä¼ã‚ã‚Šã¾ã›ã‚“。ã¨ãã«ã¯èª¤ã£ãŸæƒ…å ±ãŒä¼ã‚ã£ã¦ã—ã¾ã„ã€ç ”究ã®ä¾¡å€¤ã‚’æ£å½“ã«è©•ä¾¡ã—ã¦ã‚‚らãˆãªã„ã“ã¨ã•ãˆèµ·ã“ã‚Šãˆã‚‹ã®ã§ã™ã€‚ æƒ…å ±ã‚’æ£ç¢ºã«ã‹ã¤ã‚¹ãƒ ーズã«ä»–者ã«ä¼ãˆã‚‹ãŸã‚ã«ã¯ã€æƒ…å ±ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã€ã¤ã¾ã‚Šæ–‡ç« ã‚’èªã¿ã‚„ã™ãæ•´ãˆãŸã‚Šã€å›³è¡¨ã‚’見やã™ã
良ã„ãƒãƒ¼ãƒŸãƒ³ã‚°ã‚’ã™ã‚‹ãŸã‚ã«è¦šãˆã¦ãŠããŸã„英語ã®ãƒ«ãƒ¼ãƒ«5㤠- プãƒã‚°ãƒ©ãƒžãƒ¼å¹¸ç¦è«–
Photo by muraterturk ã“ã†ã„ã£ãŸè¨˜äº‹ã£ã¦ã€ãƒãƒ¼ãƒŸãƒ³ã‚°è¦å‰‡ã‚„慣習ã®è¦–点ã‹ã‚‰æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã‚“ã§ã™ã‘ã©ã€ã“ã®è¨˜äº‹ã§ã¯ã€è‹±æ–‡æ³•ã«è¦–点を置ã„ã¦ã€å‚考ã«ãªã‚Šãã†ãªã“ã¨ã‚’ã„ãã¤ã‹ãƒ”ックアップã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 「çœç•¥å½¢ã¯ä½¿ã‚ãªã„ã€ãªã©ã®è¦ç´„çš„ãªã‚‚ã®ã¯ã€å„プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ«ãƒ¼ãƒ«ã«å¾“ãˆã°ã„ã„ã®ã§ã€ã“ã“ã§ã¯æ›¸ãã¾ã›ã‚“。ã‚ãã¾ã§è‹±èªžã¨ã„ã†è¦–点ã‹ã‚‰æ›¸ã„ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã€ã”ç†è§£ãã ã•ã„。 Rule 1 : “検索â€ã¯åè©ž 一般的ãªè‹±èªžè¾žæ›¸ã®ãƒ«ãƒ¼ãƒ«ã§ã¯ã€Œæ¤œç´¢ã€ã¯ã€å‹•è©žã§ã¯ãªã「検索ã™ã‚‹ã€ãŒå‹•è©žã«ãªã‚Šã¾ã™ã€‚「検索ã€ã¯ã€æ¤œç´¢ã™ã‚‹ã“ã¨ã®å称 ã ã¨è€ƒãˆã‚‰ã‚Œã‚‹ãŸã‚ã€å‹•è©žã§ã¯ãªãåè©žã¨ã—ã¦æ‰±ã„ã¾ã™ã€‚ 英語辞書ã«ã¯ã€æ—¥æœ¬èªžã®å“è©žã”ã¨ã«è¡¨è¨˜ã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚ŒãŒç†è§£ã§ãã¦ã„ã‚‹ã¨ã€å’Œè‹±è¾žæ›¸ãªã©ã§å“è©žã‚’æ„è˜ã—ã¦æ¤œç´¢ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚以下ã«ã€ä¸€èˆ¬çš„ãªè‹±èªžè¾žæ›¸ã®è¡¨è¨˜ãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ＜å„å“è©ž
ç”»åƒã‚’背景ã«ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã€Œ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】 デモ画é¢ã‚„サンプルデータã«ã‚るよã†ã« 様々ãªãƒ‘ターンã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 実装ã—ã¦ã‚‚動作ãŒé‡ããªã‚‹ã‚ˆã†ãªã“ã¨ã‚‚ãªã〠マウスホイールã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚ãã¡ã‚“ã¨å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã“ã‚ãªã©ãŒâ—Žã€‚ スクãƒãƒ¼ãƒ«ã®ã€Œç¸¦ã€ã¨ã€Œæ¨ªã€ã®ç¨®é¡žã®
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.css-lecture.com/log/css3/css3-gradient.html
Tarmac by Max Winokan — Simple Desktops
{{#tags}}- {{label}}
{{/tags}}