サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Google I/O
qiita.com
目次 はじめに アップデートによるメリット サンプルページ 解説1-スタイルの優先順位を管理 解説2-擬似クラスセレクター 解説3-上下限つきのレスポンシブ文字サイズ 解説4-親要素いっぱいまで広げる 解説5-上下左右中央寄せ 解説6-親要素を子要素のサイズに合わせて左右中央寄せ 解説7-要素の切り抜き 解説8-親行列の行や列に子行列を整列 解説9-ピルボタン 解説10-ホバー 解説11-親要素サイズでの切り替え まとめ 参考サイト はじめに そもそもなぜモダンCSSへのアップデートが必要なのだろうか? 学習コストに恩恵が見合わない気がする わざわざ Can I use で対応状況を確認する手間をかけてまで使う必要ある? 使い慣れた記述のほうが悩まないで済むし安心 忙しくて余裕がないから今はまだいい。そのうち、そのうちにね… アップデートによるメリット 調べたり考えたりしたことをまとめてみ
qiita.com/k__watanabe
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
WAI-ARIAとはなにか 「Web Accessibility Initiative - Accessible Rich Internet Applications」 の略で、 「ウェイ・アリア」 と読みます。 WAI-ARIAをつかえば、HTMLだけでは不足している セマンティクス(意味) を属性で補完することができ、 支援技術(スクリーンリーダーなど)を通じて、障害をもつ人に対し適切な情報を伝えられる ようになります。 WAI-ARIAの注意点 あくまでも 「必要な場合のみ使用する」 技術です。 HTML5タグのセマンティクスで解決できるのであれば、 HTMLで対応するのが基本 です。 WAI-ARIAのつかいかた 決められた 「属性」 をHTMLタグに追記して使用します。 以下、すぐにでも導入が可能で効果が期待できそうな項目を挙げてみました。 (その他、詳細については参考サイトをご
#CSScombとは? CSScomb is a coding style formatter for CSS. You can easily write your own configuration to make your style sheets beautiful and consistent. (CSScombは、CSSのコーディングスタイルフォーマッタです。 独自の構成を簡単に記述して、スタイルシートを美しく一貫性のあるものにすることができます。) https://github.com/csscomb/csscomb.js README.mdより抜粋 つまりCSSのプロパティを決められたルールで並び替えることができるツールです。 現在、CSSはたいてい何かしらのメタ言語で書かれていると思いますが、CSScombはコンパイル後のCSSだけでなくSCSSにも対応1しているので、作業
{ "name": "拡張機能の名前", "description": "拡張機能の説明", "version": "1.0", "content_scripts": [{ "js": ["js/jquery-3.2.1.min.js", "js/background.js"], "css": ["css/style.css"], "matches": ["http://*/*", "https://*/*"] }], "browser_action": { "default_icon": "拡張機能のアイコン画像", "default_title": "ツールバーのアイコンにマウスオーバーで表示されるツールチップ" }, "manifest_version": 2 } 本当は、ChromeのAPIの利用やDOM操作、動作状況などに違いのあるcontent-scriptsやbackgrou
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く