detailsとsummaryタグで作るアコーディオンUI - アニメーションのより良い実装方法 - ICS MEDIA
アコーディオン型ユーザーインターフェイス（UI）はウェブページでよくみられる表現です。巷ではさまざまな方法でアコーディオンUIを作る方法が紹介されていますが、みなさんはどのような方法で実装していますか？ 見た目だけでなくアクセシビリティ対策までしっかりとできているでしょうか？ <details>要素と<summary>要素は、アコーディオンUIを実装するのに最適です。過去にIE対策として<button>要素や<div>要素、<input>要素などでアコーディオンUIを作っていた方は、アクセシビリティ対策が簡単にできるので、<details>要素と<summary>要素の採用がオススメです。 この記事では、<details>要素と<summary>要素がアコーディオンUIに最適と言える理由と、HTMLのマークアップからCSSでのスタイリング、JavaScriptでのアニメーション制御まで順を
Web Content Accessibility Guidelines (WCAG) 2.0
【注意】 この文書は、2008 年 12 月 11 日付の W3C 勧告「WCAG 2.0」 (原文は英語)を、情報通信アクセス協議会の「ウェブアクセシビリティ基盤委員会 (WAIC)」が翻訳と修正をおこなって公開しているものです。この文書の正式版は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。 【注意】この文書にはより新しいバージョンが存在します: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 年 12 月 11 日このバージョン: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新バージョン:http://www.w3.org/TR/WCAG20/前のバージョン:
Unityで高速なスクロールビューを作成する - Qiita
はじめに 今回実装した高速スクロールのソースはこちら https://github.com/zi-su/ScriptLibrary/tree/master/DataScroller uGUi標準のScrollViewの仕組みを使用しつつ、スクロール内の要素をデータとビューに分けて制御します。 スクロール内の各サイズがバラバラの場合にも対応しています。 パフォーマンス比較 Unity2019.3.0b4 DX11 CPU i7-6700k 4.00GHz RAM 16.0GB 標準ScrollView Contentに1000個のGameObjectがある場合 VerticalLayoutとContentSizeFitterを使用しています。 スクロール中の処理負荷が恐ろしいです。 今回実装の場合 Contentに4個のGameObjectがあり、スクロールごとに位置計算と表示更新をする場合
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高齢者UIへの取り組みと自発的改善チームの作り方 / Elderly UI and Scrum Team
UIデザイナーのためのMaterial Designの理解と実践
