ソシオメディア | UIデザインパターンソシオメディアãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIデザインパターン集。ã“れを使ãˆã°UIè¨è¨ˆã‚’効率化ã§ãã¾ã™ã€‚
loupe.js (photorealistic loupe effect for images)
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
ã‚らゆるページã«æ‹¡å¤§é¡ã‚’è¿½åŠ ã§ãる『Loupe.js〠| SIMPLE*SIMPLE
ã“ã‚Œã¯ã™ã”ã„。ã‚らゆるページã«æ‹¡å¤§é¡ã‚’è¨ç½®ã§ãã‚‹Javascriptã§ã™ã€‚ ↑ ã“ã‚“ãªæ„Ÿã˜ã«æ‹¡å¤§é¡ã‚’è¨ç½®å¯èƒ½ã€‚ ç”»åƒã¨ç°¡å˜ãªã‚¹ã‚¯ãƒªãƒ—トをインストールã™ã‚Œã°OKãªã‚ˆã†ã§ã™ã€‚ è¿½åŠ ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ ã¾ãšã¯ãƒšãƒ¼ã‚¸ã®ãƒ˜ãƒƒãƒ‰éƒ¨åˆ†ã«ä»¥ä¸‹ã‚’è¿½åŠ ã€‚ <script type="text/javascript" src="loupe.js"></script> ãã—ã¦æ‹¡å¤§é¡ã‚’è¿½åŠ ã—ãŸã„ç”»åƒã«onLoadã§ä»¥ä¸‹ã‚’è¿½åŠ ã€‚ <div> <img id="..." onLoad="initLoupe(this.id);" src="..." width="356" height="205" alt="..."> </div> ç´°ã‹ã„写真ãªã©ã‚’見ã›ãŸã„å ´åˆã«ä¾¿åˆ©ã§ã™ã。知ã£ã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã‚„詳ã—ã„使ã„æ–¹ã¯ä»¥ä¸‹ã‚’ã”覧ãã ã•ã„。 » Loupe.js
Dive Into Accessibility
ã“ã®æ–‡æ›¸ã¯2ã¤ã®è³ªå•ã«ç”ãˆã‚‹ãŸã‚ã«æ›¸ã„ã¦ã¿ãŸã‚“ã 。 1コ目ã¯ã€ã€Œãªã‚“ã§ã‚µã‚¤ãƒˆã‚’アクセシブルã«ã—ãŸæ–¹ãŒã„ã„ã®ã‹ã€ã€‚ ã ã‹ã‚‰ã€ã“ã“ã®æƒ…å ±ã¯ã‚µã‚¤ãƒˆã‚’æŒã£ã¦ãªã„人ã«ã¯å‘ã‹ãªã„ã‹ã‚‚。 2コ目ã¯ã€ã€Œã˜ã‚ƒã©ã†ã—ãŸã‚‰ã‚µã‚¤ãƒˆã‚’アクセシブルã«ã§ãã‚‹ã®ã‹ã€ã€‚ 1コ目ã®ç”ãˆãŒç´å¾—ã§ãã‚‹ã‚‚ã®ã˜ã‚ƒãªã‹ã£ãŸã‚‰ã€2コ目ã¯ã©ã†ã§ã‚‚ã„ã„ã£ã¦ã“ã¨ã«ãªã‚‹ã‚ˆã。 ã˜ã‚ƒè¡Œã£ã¦ã¿ã‚ˆã†ã€‚ Dive Into Accessibility（英語版）をダウンãƒãƒ¼ãƒ‰ã™ã‚‹ HTML（英語版）をダウンãƒãƒ¼ãƒ‰ PDF（英語版）をダウンãƒãƒ¼ãƒ‰ Dive Into Accessibilityã‚’èªã‚€ 目次 掲載ã•ã‚ŒãŸé †åºã®ã¾ã¾ã«ãªã‚‰ã¹ã¦ã‚ã‚‹ã€ã™ã¹ã¦ã®æƒ…å ±ã¯ã“ã¡ã‚‰ã€‚ã¯ã˜ã‚ã¦ã‚³ã‚³ ã®æ–‡ã‚’èªã‚€ã¨ãã«ãŠã™ã™ã‚ã®èªã¿æ–¹ã€‚ 人ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã‚“ãªäººã«å½¹ç«‹ã¤ã‹ã«ã‚ˆã£ã¦ã€æƒ…å ±ãŒåˆ†ã‘られã¦ã„ã¾ã™ã€‚ éšœç¢ã«åŸºã¥ã„ãŸæƒ…å ±åˆ†é¡ž ã“ã“ã§ã¯ã©ã†ã„ã£ãŸéšœç¢ãŒã‚ã‚‹ã¨ãã«å½¹ç«‹
SEO検索エンジン最é©åŒ–ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
オンページSEOã¨ã¯ã€ã‚¦ã‚§ãƒ–サイトã®å†…部をユーザーã¨æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«æœ€é©åŒ–ã™ã‚‹æ–½ç–ã§ã™ã€‚ユーザーã¨æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ä¸¡æ–¹ã«å¯¾ã—ã¦ã‚ã‹ã‚Šã‚„ã™ã„æ§‹é€ ã‚’æä¾›ã™ã‚‹ã“ã¨ã®ã»ã‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ¤œç´¢æ„図を的確ã«æº€ãŸã™ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作æˆã—管ç†ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„SEOã¨ã€æŠ€è¡“çš„ãªå´é¢ã‚’最é©åŒ–ã—サイトを検索エンジンã«æ£ã—ãç†è§£ãƒ»å–å¾—ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«SEOãŒå«ã¾ã‚Œã¾ã™ã€‚
ヤコブ・ニールセンã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸWebユーザビリティガイドライン::ホームページ制作::NPO法人ã—ゃらã
ヤコブ・ニールセンã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドライン ユーザビリティã®ã‚°ãƒ«ã€ãƒ¤ã‚³ãƒ–・ニールセンæ°ã®è€ƒãˆã‚„調査を元ã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインを作りã¾ã—ãŸã€‚ デザインやコーディングをã—ã¦ã„ã‚‹éš›ã«ã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å…ƒã«è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’一度ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã‚‹ã®ã‚‚よã„ã‹ã¨æ€ã„ã¾ã™ã€‚ TRANS - ヤコブ・ニールセンæ°ã®è€ƒãˆã‚’å…ƒã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインを作ã£ãŸã€‚
1
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
日本語ã§èªã‚ã‚‹ã‚‚ã®ã‚’ä¸å¿ƒã«ã€€- Webデザインã®ãƒªãƒ³ã‚¯é›† | lush life*
{{#tags}}- {{label}}
{{/tags}}