Modaal - アクセシビリティの高いモーダルライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近、Webにおけるアクセシビリティという言葉が注目されています。それだけWebが一般化されてきたということでしょう。単純に文字が大きければ良いという訳ではなく、万人にとって使いやすいシステムというのを考えなければなりません。 そのアクセシビリティに注目して作られたモーダルライブラリがModaalです。 Modaalの使い方 Modaalはアクセシビリティの基準であるWCAG 2.0のレベルAAに準拠して開発されています。デモコードです。まずはフォーム。 ブラウザいっぱいに出すこともできます。 画像。この辺りのバツ印の出す場所も大事なのでしょう。 確認モーダル。背景色と前景色のコントラストも大事なのだと思います。 Instagramの表示。 Modaalはiframe/Ajax、単
フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
イーロン・マスクを成功に導いた「ドミノ戦略」を知れば、「あなたがいつまでも成功できない理由」がわかる | ライフハッカー・ジャパン
Inc.：これは『I Will Teach You to Be Rich』でニューヨーク・タイムズのベストセラー作家になった、Ramit Sethiのすばらしい記事です。最近彼は、フォーチュン誌で「新たな金融グル」と称されていました。毎月何百万もの読者のために、ビジネスやキャリア、交渉、心理学などについて書いています。 「10年後に"一晩で成功を収める"パターン」が何度も起こるのには理由があります。それは、ただ長い間懸命に働いてきたからだけではありません。 私は自分の経験から学びました。2004年、大学生の頃に私は個人向けの金融系ブログを始めました。その趣味のようなブログが、今や数十億円のビジネスになっています。最初の3年間は、文字通りまったくお金になりませんでした。10年後の2014年、初めて週500万ドルを稼ぎました。 また、私は起業家が成功するまでの裏話も何百と読んできました。ほぼ無
アヴィーチー、プロディジーらが“音作りの方法”を解説 傑作ビートメイキング映像まとめ
インターネットを通じて、個人の技術・アイデアを多くの人達と共有し、新しいモノを生み出していこうという機運が日本でも高まっている昨今。こうした動きは音楽、特にダンスミュージックやヒップホップなどのジャンルにおいても盛んである。 今回、ご紹介する「ビートメイキングビデオ」と呼ばれる一連の映像作品群は、トラック制作の過程をシェアすることにより、ビギナーがそこから制作方法を学ぶことができるだけではなく、各制作者独自の手法を視覚的にも楽しめるもので、インターネットの発達以降、ひとつの映像文化として根付いてきた。 「あの音はこんな風に作っていたのか！」と目からうろこ、音楽好きならきっとタメになるチュートリアル系ビートメイキング・ムービーの傑作を観てみよう。 １時間にも及ぶアヴィーチーのEDM講座 今年の10月、遂に初来日を果たすEDM界一の人気プロデューサーアヴィーチー。そのポップセンス溢れるダンスサ
CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
