Webアクセシビリティことはじめ【おすすめ資料5選】｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク
らぶきゃら！
留袖回転ポーズts31は、椅子に座ったポーズです。留袖回転ポーズts31-L20（あおり20度）は、20度のローアングルから撮影した5度ステップ、360度の回転イメージです。
最近話題になったイケてるWebサービス・アプリ10選（2018年2月編）
こんにちは。 2018年もはやいもので2ヶ月が過ぎました。 今月は平昌オリンピックが盛り上がった月でしたね。 もちろん、２月もさまざまなサービスやアプリがリリースされました。 今回もそんな中からいくつかピックアップして紹介します。 siori.design デザインに関する記事共有サービス。 デザインに関連する記事やサイトのURLをコメント付きで投稿することで、ブックマーク代わりに利用できたり、ほかのユーザーと記事についてコミュニケーションすることができます。 はてなブックマークなどのサービスもありますが、デザインに特化した記事が共有されるという点で、また別の利用の仕方ができそうです。 Web制作者の方はぜひ利用してみましょう。 AGENT_TRAVIS おすすめの映画を人工知能がレコメンドしてくれるサービス サイトトップにある入力欄に自分のツイッターアカウントを入力するだけで過去のツイー
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
翔ソフトウェア (Sho's) 議論のアンチパターン 〜不毛な議論を避けるために〜
『議論パターン』 (Discussion Patterns) ～不毛な議論を避け、実り有る議論とするために～ はじめに ～「パターン」について～ ソフトウェア開発では、よく「パターン」という言葉が使用される。 「定石(じょうせき)」のような意味である。こうすればうまく行く、という問題解決の典型的な例をカタログ形式で収集し、纏(まと)めたものである。 「デザイン (設計) パターン」、「アーキテクチャ (構造) パターン」、「アナリシス (分析) パターン」等の種類が有り、総称して「ソフトウェア パターン」等と呼ばれる。 「アンチパターン」という言葉もある。こちらは逆に、こうしたらうまく行かない、という典型的な例を集めたものである。 「パターン」という概念は別にソフトウェア開発に特化したものではない。「ソフトウェア パターン」自体、元々建築の方に有った方法を持って来たものである。様々
プレゼンテーションに使う画像の探し方 - Qiita
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
レスポンシブ・デザインを説明するGIFアニメ | ビジュアルシンキング
「レスポンシブ・デザインとは？」を説明する9つのGIFアニメーションが、FastCompanyが運営するCo.Designの記事に掲載されていました。 9 GIFs That Explain Responsive Design Brilliantly | Co.Design 見習いたい表現なので、取り上げます。 たとえば、画面幅の考え方は。 image by Froont デスクトップファーストとモバイルファーストの違いは？ image by Froont それぞれのGIFアニメーションのサイズは、数百キロバイトに抑えてあり、アニメーションは9つありますが表示するのにストレスは少ないです。 わかりやすく情報を伝えられるだけではなく、記事を読む側の利便性からしても、動画を9つ使うよりもGIFアニメーションを使うことに意味がありますね。
techtile
デジタル触感表現の術をより多くのクリエイターの手に広げ、その可能性を皆で議論・共有していくためには、特に技術的な面の敷居の高さが大きな問題になっています。この問題を軽減するべく、テクタイルでは触感表現ツールキットの制作を行っています。TECHTILE toolkitは、基本的にはモノや身体から触感を記録し、モノや身体にフィードバックすることで触感を再生・拡張するためのものです。デバイスごとの細かい設定や接続を意識せずに、表現の試行錯誤の助けとするべく、基本デバイス、身体やモノへのアタッチメント、サンプルソースなどを制作し、公開することを。また、当ウェブサイトを通じて、先端事例の紹介や、造り方の共有を行いたいと考えています。当面は、触感表現ワークショップと連動する形で、ツールキットのかたちを探っていきます。その開発経過は、ブログで報告してまいります。 また、テクタイルは触文化普及のため、ツー
使い倒せ、国立国会図書館デジタルコレクション
国立国会図書館は、日本で唯一の国立図書館だ。 国会や行政・司法に対する情報提供のほか、広く国民に対してもさまざまなサービスが展開されている。中でも最近特に話題になることの多い「国立国会図書館デジタルコレクション」について、改めて紹介しよう。 現在約4000万点の資料を保管、デジタル化された資料は約235万点 国立国会図書館には、帝国図書館、帝国議会の貴族院・衆議院図書館から引き継いだ資料のほか、国内で発行された全ての出版物の納入が義務付けられた納本制度などにより、現在約4000万点の資料が保管されている。 年間の来館者数は東京本館、関西館、国際子ども図書館の3館合計で約68万4000人。来館閲覧点数は約216万4000点。郵送も含めた複写処理件数は約135万6000件。資料に関する問い合わせ（レファレンス）回答数は約97万8000件（2013年10月時点）と、いずれも桁外れの数字だ。 国立
Amazon、国立国会図書館が所蔵するパブリックドメイン古書のKindle版を配信開始
アマゾンジャパンは10月29日、国立国会図書館（NDL）で所蔵し、近代デジタルライブラリーで公開されているパブリックドメインの古書を、Amazon Kindleストアに新たに設けられたカテゴリ「Kindle アーカイブ」で発売すると発表した。 安藤広重の『東海道五十三次』、葛飾北斎の『冨嶽百景』など世界的に有名な浮世絵から、福沢諭吉の『学問ノススメ』、芥川竜之介の『羅生門』などの名作まで、1タイトル100円で販売している。現在は431点を配信中、著作権の保護期間が切れた名著をセレクトしていき、2014年内には1000冊以上を配信する予定。 Kindleコンテンツ事業部の友田雄介事業部長は、「近デジでも公開されているものだが、“そのままでは非常に使い勝手が悪い”ので、自社で加工してKindle本として配信することになった」と述べている。 似たような取り組みとして、インプレスR＆Dも4月21日
ディズニーのアニメの動きがまるで生きているように感じる秘密がわかる「キャラクターに命を吹き込む12の法則」
ウォルト・ディズニー・カンパニーでも伝説的と言われる9人のアニメーター「ナイン・オールドメン」のうち2人がフランク・トーマスとオリー・ジョンストン。キャラクターの感情表現を頂点まで極めたとされる2人が生み出した「キャラクターに命を吹き込む12の法則」が立方体などを使ったムービーとGIFアニメーションで公開されています。 THE ILLUSION OF LIFE http://the12principles.tumblr.com/ ディズニーアニメに出てくるキャラクターの動き12原則は以下のムービーからでも確認できます。 The illusion of life on Vimeo ◆01：SQUASH＆STRETCH(引き延ばしてペチャンコにする) これはキャラクターが動いている時に重さと質量を感じさせるようにする効果。 ◆02：ANTICIPATION(予備的な行為) キャラクターがメイン
デザインの決定に役立つビジョンの共有
9月24日 Samurai Startup Island で、久々に短めのプレゼンをしました。トピックは UX という広く浅いテーマということもあり、最初は登壇をお断りしようと思っていました。しかし、スタートアップとして奮闘している人たちと今まであまり接点がなく、他の登壇者の話に興味があったので、参加を決めました。参加者からの質問がたくさん出たパネルディスカッションも含め、よいイベントだったと思います。 作れば良いという時代ではない 昨年「スタートアップとデザインについて」という記事を執筆しました。当時と今では、状況は少し異なるところがあります。国内外問わず、インタラクションデザイン、インターフェイスデザインの質は向上していますし、そこへの投資（時間とお金）をしなければならないという認識も高まっています。 しかし、良いと思われるデザインを『導入』すれば品質向上につながるという誤解は未だに強
Voynich Manuscript - scanning from Yale copy
Voynich Manuscript-photo gallery Black&White version [f1r] [f1v] [f2r] [f2v] [f3r] [f3v] [f4r] [f4v] [f5r] [f5v] [f6r] [f6v] [f7r] [f7v] [f8r] [f8v] [f9r] [f9v] [f10r] [f10v] [f11r] [f11v] [f12r] [f12v] [f13r] [f13v] [f14r] [f14v] [f15r] [f15v] [f16r] [f16v] [f17r] [f17v] [f18r] [f18v] [f19r] [f19v] [f20r] [f20v] [f21r] [f21v] [f22r] [f22v] [f23r] [f23v] [f24r] [f24v] [f25r] [f25v] [f26r] [f26v] [
江戸時代の物価表
※ 江戸時代の前・中・後期頃と平均貨幣価値の物価基準に基づいて換算します。 金 1両 = 金・銀 4分 = 金・銀 16朱 = 銀 60匁 = 寛永通寶 4千文 = 天保通寶 40枚 明治政府 旧金 1両 = 新 1円 = 金 1.5g （ 慶長大判 金 1両の 1/10 金含有量 ）
ふき出しのレトリック 〜マンガの修辞学〜
2008/05/25 : サイトを移転（「いま」見ているのが、移転先のサイトです） 2008/10/04 : 「使う目的別のまとめページ」をバージョンアップ 2008/10/04 : 倒置反復に画像を追加して加筆 2008/09/26 : 脚韻のページにある内容を、かなりに変更 2008/09/20 : 島村瀧太郎（抱月）『新美辞学』のページを作成 2008/09/07 : 隠喩に画像を追加して、加筆 2008/08/30 : 設疑法を追加 2008/08/23 : 直喩に画像を追加して、加筆 2008/08/16 : 韻文を追加、押韻・頭韻・音数律に加筆 2008/07/19 : 祈願法を追加、緩叙法（付加）に画像をつけ足して加筆 2008/07/18 : カウンタが100,000を突破（祝） 2008/07/12 : 「使う目的別のまとめページ」というものをつくり
freebies-vector-for-infographic-and-presentation.html
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPT - Kawaii Illust Maker : イラストかわいいや
専門性の高いページ｜品田遊（ダ・ヴィンチ・恐山）
高齢化する世界をデザインで考え直す：IDEO6つのコンセプト
吹き出し素材専門サイト「フキダシデザイン」