Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

UI

iPad で使用できる Slide Over や Split View。そこで起動するアプリを選択する UI がつらい。

多分、Anniversary Update 過ぎるまで Microsoft Edge の目新しい機能は増えないので駄文をしたためる。 たまにしか iOS を使わないので間違っていたらすみません。 問題定義 iPad Air 2 を触ってて思ったのだが Slide Over や Split View で起動するアプリ…

iMac 5K, Apple における UI の失敗

Apple 製品は素晴らしいは思っているのだが、OS X の UI に関してひとつだけ問題があると思っている。 それは画面上部のメニュー。 使用している Macbook Pro 13inch は 2560 x 1600 の解像度で 44px のメニューの高さを持つ。 右下にカーソルがある場合、左…

フラットデザインの起源を考える

Windows 8 発端であるのは確かだが元は今(一部で)話題の Windows Phone である。 一応、日本でも IS12T という Windows Phone があったため、記憶の彼方にそんな UI があったことを覚えている人もいるかもしれない。 日本マイクロソフトを含め関わった会社の…

Microsoft Edge、アクセシビリティの改善

参照元(英語) Microsoft Edge build 10240 で他のブラウザではすでにある ARIA Landmark Roles が正式対応。Web サイトの音声読み上げがタグの属性に応じて内容を知らせるようになりました。日本語で読み上げもされます。 読み上げの設定方法 設定を開き、…

Microsoft Edge のコンテキストメニューで Internet Explorer 11 から消え去ったものとその比較

Microsoft Edge アクセラレータなど大幅になくなりシンプルになりました。「前に戻る」「次に進む」等もなく、印刷関連もありません。 また、Windows 10 Build 10532 から「Cortana に質問」の機能が使える様になりました。 Edge の Cortana英語ですがページ…

新しい UI を考える - 目立つメニュー

クリックすると目立つ。領域ロールアウトで消える。サンプル http://toshihirogoto.github.io/menu-zoom/ モダンブラウザ向け。スマートフォンは動くレベルで画面回転の時の処理とか忘れた。 本来はロールオーバーで使いたかったがスマートフォンの場合処理…

Universal Windows Platform Apps で 追加・変更された UI の見た目について

WinJS 版について。見た目に関しては他の言語版も同じだと思われます。 UWP Apps の UI については後日紹介し今回は 8 からの差分のみ紹介。 パーツ ボタン 8 は 外枠のみの矩形 + 文字 でしたが、色付き矩形 + 文字 になりました。 スライダー 矩形が角丸…

WAI-ARIA を詳しく紹介している和書「コーディングWebアクセシビリティ」を読みました

「コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション」を読みました。 WAI-ARIA 意味から団体、使用方法、絵やコードがふんだんに使われている為読みやすいですよー。 洋書が元なので言葉的に微妙な言い回しが…

新しい Loader UI、マグローダー

職場でつくってたテクスチャを流用し加工してみました。 マグローダー ただ CSS のアニメーションで 360度 回しているだけです。CSS の calc() を使っている為モダンブラウザでないと見れません。 マグロ画像 URL http://toshihirogoto.github.io/maguroader…

スポンサーリンク