高齢者ã§ã‚‚使ãˆã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆUIã®æŒ‘戦 / Designing User Interfaces for the ElderlyFRONTEND CONFERENCE 2019 ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://2019.kfug.jp/session/jimboyoshihide 当日ã®è³ªç–‘å¿œç”ã®å†…容ã¯ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ https://jmblog.jp/posts/2019-11-03/frontend-…
ユーザーインターフェイスã«ãŠã‘ã‚‹5ã¤ã®ã‚¹ãƒ†ãƒ¼ãƒˆ - Runner in the High
å…ƒãƒã‚¿ã¯ã“ã‚Œ scotthurff.com Webアプリケーションを作ã£ãŸã“ã¨ãŒã‚る人ãªã‚‰ã‚ã‹ã‚‹è©±ã ãŒã€ã‚¢ãƒ—リケーションã¯ç¢ºå®Ÿã«äºˆæƒ³å¤–ã®çŠ¶æ³ã«æ™’ã•ã‚Œã‚‹ã€‚サーãƒãƒ¼ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’è¿”ã™ã®ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒãŒãƒ¡ãƒ¢ãƒª1G以下ã®ã“ã¨ã‚‚ã‚ã‚Œã°ã€å®Œå…¨ã«æƒ³å®šå¤–ã®ä½¿ã„ã‹ãŸã‚’ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚ã„る。デザイナã¯ãれらã®ç¾å®Ÿã«èµ·ã“ã‚Šã†ã‚‹å¯èƒ½æ€§ã‚’å…¨ã¦è€ƒæ…®ã«å…¥ã‚Œã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹å¿…è¦ãŒã‚る。 2004å¹´ã«Basecamp（当時ã¯37signals）ã¯The Three State Solutionã¨ã„ã†æ案をã—ã¦ã„ã¦ã€ãã®å†…容ã¯ã€Œå…¨ã¦ã®ç”»é¢è¨è¨ˆã¯3ã¤ã®ã‚¹ãƒ†ãƒ¼ãƒˆï¼ˆRegular, Blank, Error）を考慮ã™ã‚‹ã¹ãã ã€ã¨ã„ã†ã‚‚ã®ã ã£ãŸã€‚ãã®å½“時ã¯ã¾ã Ajax黎明期ã ã£ãŸã—ã€ã‚‚ã¡ã‚んスマートフォンもå˜åœ¨ã—ã¦ã„ãªã‹ã£ãŸã€‚ã‘ã‚Œã©ã‚‚ã€æ–°ã—ã„テクノãƒã‚¸ãƒ¼ãŒç”Ÿã¾ã‚Œã‚‹ã«ã¤ã‚Œã¦ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’利用ã™ã‚‹ç’°å¢ƒã¯æã‚ã—ã多様ã«
JavaScriptã¯ç„¡ã—ã€CSSã§å®Ÿè£…ã•ã‚ŒãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆã®ã¾ã¨ã‚ -Pure CSS Components
<!-- Carousel --> <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio"
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}