ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ユーザビリティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らㆠ- inucaraã®æ—¥è¨˜
ã“ãªã„ã ã®ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã£ã¦ã©ã†ã„ã†ä»•çµ„ã¿ã§å‹•ã„ã¦ã„ã‚‹ã®ï¼Ÿã€ã«æ›¸ã„ãŸäº‹å‰ç ”ä¿®ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«ã¤ã„ã¦ã‚‚話ã—ãŸã„ã¨æ€ã£ã¦ç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ を作ã£ã¦ã¿ãŸã‚ˆã€‚ 想定ターゲットã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒ¦ã®å—も知らãªã„よã†ãªäººã‚„ã€ã“ã‚Œã‹ã‚‰ã‚¦ã‚§ãƒ–サイトã®è¨è¨ˆã€æ§‹ç¯‰ã®ä»•äº‹ã‚’ã—よã†ã¨ã—ã¦ã„る人。ã“れらã®äººã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らã†ãŸã‚ã«ã€å‰å›žã¨åŒã˜ã‚ˆã†ã«è©±ã™å†…容をã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ã£ã¦ã¿ã‚‹ã€‚ ã¡ãªã¿ã«å‰å›žã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ä»•çµ„ã¿ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ“リティã£ã¦è©±ãŒé£›ã‚“ã§ã‚‹ã‘ã©ã€ãã†ã„ã†ã“ã¨ã¯æ°—ã«ã—ãªã„ã§æ€ã„ã¤ãã“ã¨ã‚’メモ的ã«ã©ã‚“ã©ã‚“書ã„ã¦ã£ã¦ã€æµã‚Œã¯æœ€å¾Œã«è€ƒãˆã‚ˆã†ã‹ãªã£ã¦æ„Ÿã˜ã€‚ ã˜ã‚ƒã‚ã€ã•ã£ãã始ã‚ã‚‹ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã£ã¦ä½•ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€ã¿ã‚“ãªã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã£ã¦è¨€è‘‰ã¯èžã„ãŸã“ã¨ã‚ã‚‹ã‹ãªï¼Ÿã€€æ—¥æœ¬èªžã§ã€Œä½¿ã„ã‚„ã™ã•ã€ã£ã¦æ„味ãªã‚“ã ã‘ã©ã€åˆ©ç”¨è€…ãŒã„ã‹ã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãã€ä¾¿åˆ©ã§ç°¡å˜ã§ç›´æ„Ÿçš„ãªæ“作ãŒã§ãã‚‹ã‹ã€ã£
ページ内リンク先ã«æ»‘らã‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹javascript「SmoothScrollã€
twitter facebook hatena google pocket åŒä¸€ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¢—åŠ ã—ãŸæ™‚ã€ã‚¢ãƒ³ã‚«ãƒ¼ã‚’使用ã—ã¦ç§»å‹•ã•ã›ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ç§»å‹•ã™ã‚‹éš›ã®æ€¥æ¿€ãªå¤‰åŒ–ã«ç–‘å•ãŒæ®‹ã‚Šã¾ã™ã€‚ as day oass byã®Smooth scrolling demoã§å…¬é–‹ã—ã¦ã„ã‚‹javascriptã‚’åŠ ãˆã‚‹ã ã‘ã§ã€æ—¢å˜ã®HTMLã«ã‚¹ãƒ ーズã«ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ç§»å‹•æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ sponsors 使用方法 Smooth scrolling demoã‹ã‚‰smoothscroll.jsをダウンãƒãƒ¼ãƒ‰ã—ã€head内ã«åŸ‹ã‚è¾¼ã‚ã°å®Œæˆã§ã™ã€‚ <script type="text/javascript" src="http://yourdomain/smoothscroll.js"></script> ã‚ã¨ã¯å¾“æ¥é€šã‚Šã«HTMLを記述ã™ã‚Œã°OKã§ã™ã€‚ HTML記述例 <!-- リンク元 -
ユーザビリティ実践メモ
スマートフォンã¨ã¨ã‚‚ã«ã‚¿ãƒ–レット端末ã®æ™®åŠçŽ‡ã¯ã¾ã™ã¾ã™ä¸Šæ˜‡ã—ã€æœ€è¿‘ã§ã¯è¡—ä¸ã‚„電車ãªã©ã§ã‚¿ãƒ–レット端末を利用ã—ã¦ã„る人を多ã見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã®ç¶šãã‚’èªã‚€
CSSã¨JavaScriptã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãªã©ã‚’グラフィカルã«ã™ã‚‹ã€ŒformStyleã€
IE7ã€Firefoxã€Netscapeã€Operaã§å‹•ä½œã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¤ãƒ¡ãƒ¼ã‚¸ç”»åƒã‚’使ã£ãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã§ã™ã€‚通常ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãªã©ã§ã¯ãŠã‚‚ã—ã‚ã¿ãŒãªã„ã¨ã„ã†å ´åˆã«ä½¿ã†ã¨ã‹ãªã‚Šå¤§ããªã‚¤ãƒ³ãƒ‘クトãŒã‚ã‚Šã¾ã™ã€‚ コードã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨å®Ÿéš›ã®å‹•ä½œä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Styled Checkboxes and Styled Radio Buttons | formStyle 動作例ã¯ã“ã¡ã‚‰ 以下も似ãŸã‚ˆã†ãªã‚¿ã‚¤ãƒ—ã®ä¾‹ã§ã™ã€‚ Niceforms コードã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ badboy.media.design :: articles :: Niceforms
ã“ã¡ã‚‰ã€Žå³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€å¯¾ç–委員会ã§ã™ã€‚
ã“ã®æš—é»’é¢ã¯ã€ã¨ã£ã¦ã‚‚ウザーãªã€Žå³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€ã‚’ã§ãã‚Œã°â€æ¢ã‚ã¦æ¬²ã—ã„ãªï½žï½©â€ã¨é¡˜ã†ã€ã€Žå³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€å¯¾ç–委員会ã®æœ¬éƒ¨ã§ã™ã€‚ è¨ç«‹ã«ã‚ãŸã£ã¦ ã‚ã®å¿Œã‚ã—ã„『å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€ãŒãƒ ダãªã‚‚ã®ã ã¨ã”ç†è§£é ‚ãよã†ã€ã‚ã‹ã‚Šã‚„ã™ãã€ã‹ã¤ã€å¥å…¨ãªé‹ç”¨æ–¹æ³•ã‚’ã“ã“ã§èª¬æ˜Žã—ã¾ã™ã€‚ è¨ç«‹å®£è¨€ 一ã€ç”»åƒã‚’パクるãŸã‚ã®èª¬æ˜Žã§ã¯ã‚ã‚Šã¾ã›ã‚“。 一ã€ã‚½ãƒ¼ã‚¹ã‚’パクるãŸã‚ã®èª¬æ˜Žã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。 一ã€ã ã‹ã‚‰ã¨è¨€ã£ã¦ç„¡ç†ã«ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’出ã—ãŸã„訳ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。 一ã€ã‚¢ãƒ©ãƒ¼ãƒˆã‚’出ã•ã‚Œã‚‹ã®ãŒè…¹ç«‹ã¤ã®ã§æ¢ã‚ã¦æ¬²ã—ã„ã ã‘ã§ã™ã€‚ 一ã€ã€Žå³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€ã‚’ã—ã¦ã„ã‚‹ã‹ã‚‰ã¨ã„ã£ã¦å«ŒãŒã‚‰ã›ã‚‚ã—ã¾ã›ã‚“。 入会方法 J　特ã«ã‚ã‚Šã¾ã›ã‚“。ãã†é¡˜ã†å¿ƒã ã‘ã§ã„ã„ã§ã™ã€‚ J　一応ã€ä¼šå“¡ç”¨ã®ãƒãƒŠãƒ¼ã‚’用æ„ã—ã¦ã¿ã¾ã—ãŸã€‚ ↓コレ↓ 会員è¦ç´„ J 入会ã€è„±ä¼šã¯è‡ªç”±ã§ã™ã€‚ J 自分ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã€Žå³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€ã‚’ã—ãªã„。 J 『å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã€ã«å‡ºä¼šã£ãŸ
å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã¨ã¯ - Google 検索
å³ã‚¯ãƒªãƒƒã‚¯ã‚’ç¦æ¢ã™ã‚‹ã¨ã„ã†ã“ã¨ã¯ã€è¦ã™ã‚‹ã«é€šå¸¸ãƒžã‚¦ã‚¹ã®å³ãƒœã‚¿ãƒ³ã‚’押ã—ãŸã¨ãã«è¡¨ç¤ºã•ã‚Œã‚‹ã€Œã‚³ãƒ³ãƒ†ã‚ストメニューã€ã‚’使ã‚ã›ãŸããªã„ã¨ã„ã†ã“ã¨ã§ã—ょã†ã€‚ 一般的ãªè€ƒãˆæ–¹ã¨ã—ã¦ã€ãã‚Œã¯ä¸»ã«ã€Œã‚½ãƒ¼ã‚¹ã‚’見られãŸããªã„ã€ã€Œç”»åƒã‚’ä¿å˜ã•ã‚ŒãŸããªã„ã€ã¨ã„ã†ç›®çš„ã‚’æŒã£ã¦ã„るよã†ã§ã™ã€‚
å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã¯ - Google 検索
2019/03/18 · ブラウザ上ã§ã®å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã¯ç°¡å˜ã ãŒã€ç¦æ¢ã®è§£é™¤(回é¿)ã‚‚ç°¡å˜. 多ãã®ãƒ–ラウザã§ã¯ã€ã‚¦ã‚§ãƒ–ページ上ã§ãƒžã‚¦ã‚¹ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨çŠ¶æ³ã«å¿œã˜ãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼Â ...
HTMLã‚½ãƒ¼ã‚¹ã‚’éš ã™æ–¹æ³•
æ ªå¼ä¼šç¤¾ãƒ—ランセスã®å…¨é¢å”力ã®å…ƒã€HTMLæš—å·åŒ–ソフト「SHTMLã€ã‚’2005å¹´7月11æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ Javascriptã®çŸ¥è˜ãŒå…¨ããªã„æ–¹ã§ã‚‚利用å¯èƒ½ãªã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚最çŸã‚¹ãƒ†ãƒƒãƒ—ã®å ´åˆã€æš—å·åŒ–ã—ãŸã„ソースを貼り付ã‘ã¦ã€ã€Œæš—å·åŒ–ã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã§ã™!! å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢+ソースã®æš—å·åŒ–＋å°åˆ·ç¦æ¢+テã‚ストé¸æŠžç¦æ¢ãƒ»ãƒ»ãƒ»ãŒä»Šã¾ã§ã«ãªã„ã»ã©ç°¡å˜ã«!! （サンプル）： ã‚ªãƒªã‚¸ãƒŠãƒ«ï¼šã€€æ ªå¼ä¼šç¤¾ãƒ—ランセスã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ æš—å·åŒ–ã—ãŸãƒšãƒ¼ã‚¸ï¼šã€€ã“ã¡ã‚‰ * ç”»åƒä¿è·æ©Ÿèƒ½ã‚’体感ã—ã¦ã‚‚らã†ãŸã‚ã«ã€æ•¢ãˆã¦å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢æ©Ÿèƒ½ã‚’解除ã—ãŸãƒšãƒ¼ã‚¸ （å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ç”»åƒã‚’ä¿å˜ã—よã†ã¨ã—ã¦ã‚‚無色ã®ãƒ€ãƒŸãƒ¼ç”»åƒã—ã‹ä¿å˜ã§ãã¾ã›ã‚“。） HTMLソースを他人ã«è¦‹ã‚‰ã‚ŒãŸããªã„。HTMLソースã«ã¤ã„ã¦ã€ã€Œä»–人（人間）ã«ã¯æ„味ä¸æ˜Žã‚‚ã—ãã¯ç„¡æ„味ãªæ–‡å—列ã§ã‚ã‚ŠãªãŒã‚‰ãƒ–ラウザã«ã¯ã—ã£ã‹ã‚Šã¨è§£é‡ˆã—ã¦ã‚‚らã„ãŸã„ã€
HTMLã‚½ãƒ¼ã‚¹ã‚’éš ã™æ–¹æ³•
æ ªå¼ä¼šç¤¾ãƒ—ランセスã®å…¨é¢å”力ã®å…ƒã€HTMLæš—å·åŒ–ソフト「SHTMLã€ã‚’2005å¹´7月11æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ Javascriptã®çŸ¥è˜ãŒå…¨ããªã„æ–¹ã§ã‚‚利用å¯èƒ½ãªã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚最çŸã‚¹ãƒ†ãƒƒãƒ—ã®å ´åˆã€æš—å·åŒ–ã—ãŸã„ソースを貼り付ã‘ã¦ã€ã€Œæš—å·åŒ–ã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã§ã™!! å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢+ソースã®æš—å·åŒ–＋å°åˆ·ç¦æ¢+テã‚ストé¸æŠžç¦æ¢ãƒ»ãƒ»ãƒ»ãŒä»Šã¾ã§ã«ãªã„ã»ã©ç°¡å˜ã«!! （サンプル）： ã‚ªãƒªã‚¸ãƒŠãƒ«ï¼šã€€æ ªå¼ä¼šç¤¾ãƒ—ランセスã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ æš—å·åŒ–ã—ãŸãƒšãƒ¼ã‚¸ï¼šã€€ã“ã¡ã‚‰ * ç”»åƒä¿è·æ©Ÿèƒ½ã‚’体感ã—ã¦ã‚‚らã†ãŸã‚ã«ã€æ•¢ãˆã¦å³ã‚¯ãƒªãƒƒã‚¯ç¦æ¢æ©Ÿèƒ½ã‚’解除ã—ãŸãƒšãƒ¼ã‚¸ （å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ç”»åƒã‚’ä¿å˜ã—よã†ã¨ã—ã¦ã‚‚無色ã®ãƒ€ãƒŸãƒ¼ç”»åƒã—ã‹ä¿å˜ã§ãã¾ã›ã‚“。） HTMLソースを他人ã«è¦‹ã‚‰ã‚ŒãŸããªã„。HTMLソースã«ã¤ã„ã¦ã€ã€Œä»–人（人間）ã«ã¯æ„味ä¸æ˜Žã‚‚ã—ãã¯ç„¡æ„味ãªæ–‡å—列ã§ã‚ã‚ŠãªãŒã‚‰ãƒ–ラウザã«ã¯ã—ã£ã‹ã‚Šã¨è§£é‡ˆã—ã¦ã‚‚らã„ãŸã„ã€
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
lllcolor.com
http://f33.aaa.livedoor.jp/~migikin/
http://bbs.com.nifty.com/mes/cf_wrentT_m/FWEBKK_B032/wr_type=C/wr_page=1/wr_sq=FWEBKK_B032_0000000220
http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%A5%BD%A1%BC%A5%B9%A4%F2%B1%A3%A4%B7%A4%BF%A4%A4
HTML文書ã®ã‚½ãƒ¼ã‚¹ã‚’覗ã‹ã‚ŒãŸããªã„ã‚“ã§ã™ãŒ
Web制作用語集 | 用語集 | ミツエーリンクス
{{#tags}}- {{label}}
{{/tags}}