ウェブの仕事を始めたばかりのあなたにお伝えしたい、ロービジョンとウェブ | Web担当者Forum
こんにちは。すっかり春ですね。 この春からWeb担当者、Webディレクター、デザイナー、フロントエンドエンジニアとしてウェブに携わることになった皆さん、はじめまして。そして、ようこそ。 今日、5月15日はGlobal Accessibility Awareness Day。ウェブアクセシビリティについて、みんなで話したり考えたり学んだりしようという日です。 ウェブは、いろんな人が、いろんな端末で、いろんなブラウザで、いろんな使い方で使っています。 これからあなたが作るウェブコンテンツやサービスを、一人でも多くの人が、さまざまな場面で使って楽しんでもらえるようにするための考え方である「ウェブアクセシビリティ」。 中でも視覚障害の一つである「ロービジョン」と、ロービジョンの人がウェブを利用する上での不便、ウェブに携わるあなたに考えてほしいことなどをご紹介します。 「視覚障害者＝全盲」ではない皆
Typeface [Scilen] | riA
[BETA] Original Typeface Project No.2 by Rintarô Iwashita Atelier 2012 Electronic & Geometric Roman Typeface Optimized for Display Devices. Scilen | d Description [en (Automatic Translation from Japanese Text)] [Scilen] is an old-style Roman typeface our original geometric. Based on a computer screen, the design plan typeface that specializes in display in the web browser in particular, has placed
「タブレットでの読書をもっと気持ちよく」――“電子出版用”新フォント、凸版印刷60年ぶりの挑戦
電子コンテンツの閲覧に特化した日本語フォントの開発に着手――凸版印刷が新プロジェクトを発表したのは3月。紙の印刷物のノウハウを豊富に持つ大手印刷会社が取り組む、電子デバイス上のコンテンツ閲覧に焦点を絞ったプロジェクトには業界の注目も集まる。第1弾となる「新凸版明朝体」のリリースを間近に控え、急ピッチで制作を進める今、新フォント開発の意図や目的、今後の展望や「印刷会社だからこその譲れないこだわり」について聞いた。 60年ぶりに刷新、読みやすさを追求 ゼロから作り上げるオリジナル新フォントは、タブレットやスマートフォンを始めとする電子デバイス上での利用と閲覧に最適化し、“電子出版用”をうたう。今秋、本文用明朝体をリリースするのを皮切りに、来年秋に見出し用明朝体と本文用細ゴシック体、2015年春に見出し用ゴシック体、16年春に本文用中ゴシック体――の5書体を順に発表していく予定だ。書体設計や開発
必赢电子游戏网站集团有限公司
本网讯为全面落实上级部门召开的2024届高校毕业生就业创业工作视频会议精神，进一步推进2024届毕业生的岗位...
レスポンシブ時代の10のキーワード | grip on minds
1. Responsive Web Design（レスポンシブウェブデザイン） スクリーンサイズに応じて、コンテンツの並び替えや表示／非表示、レイアウトの変更、画像やテキストをリサイズする手法の総称で、Ethan Marcotte 氏が 2010年に A List Apart に寄稿した「Responsive Web Design」で紹介されました。 スクリーンサイズの判定は、おもに CSS3 の「Media Queries（メディアクエリ）」を用いるので、HTML がワンソースで済むのが最大の特長です。 レスポンシブ Web デザインのメリット／デメリットを以下に記述します。 メリット デバイスごとに HTML ファイルを用意しなくて済むので、開発コストが抑えられる 将来のデバイス（家電など）にも対応できる URL がひとつなので、SEO の観点からも望ましい デメリット ファイルサイズ
デバイスに合わせてCSSを振り分ける「Media Queries」 | DevelopersIO
Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ
ハードウェア仕様 vs. ユーザーエクスペリエンス
製品の質は人がタスクを行うという状況で判断されなければならない。また、レビューで重視すべきは実際の利用であって、生の数字ではない。 Hardware Specs vs. User Experience by Jakob Nielsen on November 5, 2012 日本語版2012年11月20日公開 このところ、いくつかの製品レビューにがっかりさせられ続けている。それらは主にハードウェアの仕様に焦点を当てたもので、ハードウェアの要素がユーザーエクスペリエンス全体にどういった影響を及ぼすかは評価していないのだ。 ほとんどの場合、ハードウェアそのものは、ソフトウェアや、ソフトウェアとハードウェアの統合の質ほど重要ではない。 例えとして、2人のアメフト選手についての与えられた情報が、ベンチプレスでどのくらいの重量を上げることができるかだけだったとしよう。もしどちらがアメフト選手としてよ
次世代Android端末の画面サイズを見据えたスマホサイトデザインとブラウザのファーストビュー表示領域 « console.log :) | Don't forget trace :)
今回は、現行のiPhoneと現時点での最新Android端末のスペックから、 最適なスマホ向けサイトのデザインサイズを考察します。 スマートフォン向けサイトをデザインする際にデザイナーがまず確認するのが、 想定の画面サイズとファーストビュー領域ではないかと思います。 ※ここでいうデザインには装飾だけではなく、ページ設計の意味も含み、デザイナーにはページの設計者の意味も含みます。 現状は、やはりまだ「iPhoneの画面サイズ」をスタンダードとする人が多いでしょう。 しかし、世界的に見てもAndroidの勢いが強く、さらにハイスペックな端末もドンドン発表されています。 今後発表される次世代の「Android端末の画面サイズ」がデザインのスタンダードになる日も遠くないかもしれません。 本記事の結論をいきなり書きますと ・現状のAndroid端末を基準にする際の想定ファーストビューサイズ
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いま、活版印刷が見直される理由とは？ - TYPE
tande lab.
モックアップやワイヤーフレームを素早く作成するための言語の壁を越えたフリーフォント -BLOKK
[JS]面倒なスマフォ・タブレットでの異なるビューポートサイズの確認が簡単にできるスクリプト -rFrame