フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか！」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu
こちらの記事は、『Learn to become a modern Frontend Developer in 2019』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありません。 昨年私が書いた記事はGitHubで公開しています。 Web開発は絶えず変化する分野です - 今日私たちがWebサイトを構築する方法は、2～3年前のやり方とは全く違ってきています。利用できるツールが沢山あり、新しいツールも毎日出てくるので、ウェブ開発者はいつもどのツールを使えばよいのか迷ってしまいます。 私は、ウェブ開発に係るフロントエンド、バックエンド、または運用を学びたいと思う人を対象にしたツ
by Purdue University/Jared Pike 光の98.1％を反射する「史上最も真っ白な塗料」が、アメリカ・パデュー大学の技術者によって開発されました。光の最大99.9％を吸収する「地上で最も黒い物質」ことベンタブラックと対を成すこの塗料は、可視光だけでなく熱を伝える赤外線をも反射し、物体が日光で温められるのを防ぐため、冷房や地球温暖化対策に役立てることが可能です。 The whitest paint is here – and it’s the coolest. Literally. - Purdue University News https://www.purdue.edu/newsroom/releases/2021/Q2/the-whitest-paint-is-here-and-its-the-coolest.-literally..html World’s
チゲ♨️8y＋2y®︎ @chigenabe Blu-rayで見たいのがあるんだが、ネカフェやカラオケに行ってBlu-rayプレイヤー借りるのが1番手軽かもしれない…… twitter.com/frozen_frog_8/… 2022-06-21 19:22:02
以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb
白い砂糖は悪者か？ 長く続く誤解はもうそろそろ払拭を［食の安全と健康：第14回 文・松永和紀］ 公開日: 2022年2月28日 私たちの素朴な疑問 Q. 白い砂糖は体に悪いと聞きました。本当ですか？ A. 白い砂糖は純度が非常に高く、茶色い砂糖はミネラルなどほかの成分が少し混じっています。健康に影響するほどの違いではないので、好みで使い分けてください。 「白い砂糖は体に悪い。茶色い砂糖を使った方がいいですよね？」 時々、そう尋ねられます。そのたびに残念な気分になります。この都市伝説、30年以上、言われ続けているのです。一般の人だけでなくプロフェッショナルである料理研究家の中にも「白砂糖ではなく健康によい茶色い砂糖を」という人がいると聞きました。一度生じた誤解を解くのがなんと難しいことか。今回は、砂糖についてご説明しましょう。 砂糖はさまざまな種類がありますが、製法により分みつ糖と含みつ糖に
こんにちは、たかとーです🧑🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ
Sugimoto Atsubumi @satsubumi 言語政策・日本語教育・日本手話・国際人権論・パプアニューギニア・北タイ・モンゴル・台湾・ジェンダー・憲法などが主たる関連事項です。 関東の私立大学で教員をやっています。ハート(イイね)はブックマーク的に使っています。流速に追いつけず時々放置するのでTLへの反応がまだらです。すみません。ここでの発言は個人の見解です。 Sugimoto Atsubumi @satsubumi 瑛人さんが紅白が性別組み分けだと知らなかった件、実は20～30代から同じ反応がある。彼らは性別で分けられない出席簿で育っているし、紅白自体も男女混合のグループや性別が曖昧な歌手が登場しているし、そもそもこの世代にとって紅白はオワコンなのかな、とつらつら思いながら採点は続く。 2021-01-02 22:00:42
用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用できます。 MVP.css MVP.css -GitHub MVP.cssの特徴 MVP.cssのデモ MVP.cssの使い方 MVP.cssの特徴 MVP.cssはHTMLのさまざまな要素にすぐに使えるスタイルのコレクションで、外部スタイルシートとして利用するだけで簡単にページを作成できます。クリーンなデザインで、再利用可能なコンポーネントとして利用できます。class名などをHTMLに加える必要もありません。 用意するのは、HTMLだけ MVP.cssはHTMLの各要素にス
「演歌と韓国ばかりなんて誰が見るの」ジャニーズ出場「激減」報道で『紅白』穴埋め歌手に懸念の声（SmartFLASH） - Yahoo!ニュース
世間からの、厳しい目にさらされているジャニーズ事務所。各企業がCM契約を打ち切り・更新など見直しを発表しているが、その露出は、年末の『NHK紅白歌合戦』にも影響が出てくるという見方が強まっている。 【画像】美容外科医が驚嘆したジャニーズ「顔面黄金比」圧倒的1位は？ 9月7日に事務所が開いた会見では、創業者・ジャニー喜多川氏の性加害を認め、被害者への補償を明言したものの、藤島ジュリー景子前社長がいまだ取締役として残留し、社名も変更しないとしていた。 しかし、その後の批判をうけ、19日には、東山紀之新社長が10月2日に新たな方針を公表することを発表。そのなかで、社名変更についても示唆されている。 「現状、テレビ番組へのジャニーズタレント出演は、民放各社に判断が委ねられています。TBSは事務所に要望書を渡したことを発表しており、テレビ東京も事務所に申し入れをしたとしつつ、新規の出演依頼は『極めて
知っておくと便利なHTML5の機能、要素や属性のまとめ
今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要素 contenteditable属性 map要素 mark要素 data属性 output要素 datalist要素 値range meter要素 input要素 次に学ぶべきこと はじめに HTML5は、新しいものではありません。すでにわたし達は最初のリリース（2008年1月）からいくつかの機能を使用してきました。#100DaysOfCodeの取り組みの一環として、HTML5の機能リストを詳しく調べました。私が見つ
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの
![[CSS] button要素のスタイルシート、最新テクニックを徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9ba8b37585d86205a71d0de6b3c024cd8265254/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202001%2F2020031410.png)
ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景（background）を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景（上下左右に沿って1つずつ）を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で
sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅（親要素の幅）になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか？ ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま（displayの値を変更せずに）コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法
Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
「黒塗りでなく白塗り優先に」―。東京都がＩＲ（カジノを中核とする統合型リゾート）関連文書などの情報公開で「黒塗り」批判を浴び、事実上白塗り優先に変更するという姑息（こそく）な手段を講じていたことが本紙の取材でわかりました。小池百合子知事が情報公開要綱改定を承認し、２月から実施しましたが、その内容は都民に知らせていませんでした。（岡部裕三） “黒塗り隠し”が発覚したのは、江東市民連合の岡田光司事務局長が６月に開示請求で入手した都とカジノ業者との面談記録が白塗りにされていたことからです。「しんぶん赤旗」が昨年９月１６日付で報じた同一文書は、黒塗りだらけでした。 ＩＲを担当する港湾局は本紙の取材に、生活文化局から要綱改定の通知を受けて非開示部分を白塗りにしたと説明。 本紙は都に情報公開請求し、生活文化局が小池知事に説明した資料（昨年１２月３日付）と、１月に改定した情報公開関係４要綱などを入手しま
で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない（いつものように殴り書きだし…）のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =
バンバンジーのバンバン感すき
ペンペン草のペンペン感もすき
AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 | Amazon Web Services
Amazon Web Services ブログ AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 みなさん、こんにちは。ソリューションアーキテクト、コンテナスペシャリストの荒木です。 AWS Black Belt オンラインセミナーのオンデマンドビデオ化に伴って、コンテナサービスシリーズは6月からリニューアルしました。ひとつのビデオあたりのトピックを小さく絞ってお届けしています。 その結果、今日までの3ヶ月で18の コンテナに関するAWS Black Belt オンラインセミナーをお届けしました。他にも本 Blog を通じて AWS でのコンテナに関する数多くのアップデートをお届けしています。 アプリケーションエンジニアの方や、すでに AWS でのコンテナを活用されている技術者の方はもちろん、コンテナに興味のある多くの方に活用いただきました。そんな方々から、も
「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね？黒ですか？」→「これはやってますねぇ…」
お花やさん @ohana_ippai_ あかんめちゃくちゃ笑った 「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね？黒ですか？」みたいなの流れてきたけど多分ほんとにその人トレーニングしてると思う 2024-06-04 22:05:01
真っ白なスズメ 突然変異か 神奈川 藤沢 | NHKニュース
全国的にも珍しい体が真っ白なスズメが神奈川県藤沢市で見つかり、観察に訪れる愛鳥家たちを楽しませています。 地元の愛鳥家でつくる「藤沢探鳥クラブ」によりますと、先月から藤沢市の引地川沿いにある田んぼ付近で白いスズメが見られるようになったということです。 22日、ＮＨＫのカメラが捉えた映像からは、大きさは通常の個体と変わらないものの、体は真っ白な羽毛に覆われくちばしが薄いピンク色になっているのがわかります。 白いスズメは群れに混じって稲穂をついばんだり、木や電線にとまって羽を休めたりしていました。 このうち白いスズメが羽ばたく瞬間をとらえた写真では羽の１枚１枚が白いのが確認できるほか、水辺などで撮られた写真では周囲の茶色のスズメとの違いが鮮明にわかります。 野地さんは「去年の12月に初めて撮影できたときは『やった！』と思ってうれしかったです」と話していました。 また、散歩で訪れた男性は「とまっ
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈
注目！自衛隊の駐屯地にパイプテクター！公告1月19日，入札が1月30日，設置は3月29日まで 無電源で核磁気共鳴を生じるに十分な電磁波を黒体放射で供給可能な製品 うわああ！
⋆🌙·̩͙東京大学発🚀 Pale Blue × 大井川知事🚀⋆🌙·̩͙宇宙新時代☆═━┈ ★═━┈ ☆═━┈🦁🌝🌏🍕 - tsukubampaku~つくば万博記念公園~
ムーンライト伝説(Short ver.) ヒャダイン with Five Eighth Guardiansサウンドトラック¥204provided courtesy of iTunes 新時代 AdoJ-Pop¥255provided courtesy of iTunes いちごいちえ ももいろクローバーZJ-Pop¥255provided courtesy of iTunes 【東京大学発のベンチャー企業🌍 株式会社 Pale Blue🚀🌏°.✧ 生産技術開発拠点】 国内初✨水燃料☆小型人工衛星向けの推進機 ✩.*˚宇宙★先端技術✩.*˚ View this post on Instagram A post shared by Pale Blue (@paleblue_inc) ★上河原崎エリアに、決まりました🚀🌏️✨ Pale Blue、茨城県つくば市に水推進機の生産技術開発
Almost exactly 18 months ago we released Tailwind CSS v1.0, which signalled a commitment to stability while continuing to push the boundaries with exciting new features in every minor release. Over the course of those 18 months we released nine minor versions that added features like placeholder styling, screenreader visibility, CSS grid, transitions, transforms, animations, layout utilities, inte
この色を、下の200色の白から選んでください！ お手つきすると、正解との差に応じてスコアが減ります。 外したマスには、正解色の斜線が付きます。 2回同じお手つきすると、はずれ表示の [ ]内の数で教えてくれます。
“平凡な女流棋士”だった22歳の決断「自分を変えないと、ここから先には…」渡部愛がすがった“将棋界初のコーチング”とは（いしかわごう）
現在の女流棋界は、里見香奈女流と西山朋佳女流の二強と言われている。 昨年11月に加藤桃子女流が8大タイトルの一つである「清麗」を里見から奪取したものの、それ以外の7つを里見と西山で分け合っている状態だ。女流棋界を牽引しているのは、この両者だと言っていいだろう。 彼女たちの共通点は、「奨励会」と言われるプロの養成機関に在籍経験があることだ。男性棋士と同じプロ棋士となるには奨励会で四段まで昇段しなくてはならないが、里見と西山はその一歩手前である三段まで上り詰めた。加藤も奨励会初段まで経験がある。つまり、タイトル戦の常連となっている女流棋士というのは、奨励会という環境での切磋琢磨を経験している者がほとんどなのである。 2020年10月、女流の新棋戦として創設された「ヒューリック杯白玲戦」。64名の女流棋士が1年間に渡って順位戦を実施し、優勝賞金が女流タイトル戦最高額となる1500万円であることも
“カミングアウト”の波紋 | NHK | News Up
『みなさんが知らなそうなことをカミングアウトしてみました』 その“カミングアウト”にSNS上で様々な反応があり、企業や国の組織が相次いで謝罪する事態になりました。 いったいなぜでしょうか？ （ネットワーク報道部 杉本宙矢 大津放送局 岡本綾）
上司「これが今月の給料だ！」（高圧）ワイ「ぐああああああああ」（黒こげ）
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
髪黒染め訴訟、元生徒側が上告 茶髪禁じる校則「違憲」―大阪 2021年11月11日17時07分 最高裁判所＝東京都千代田区 茶髪を黒く染めるよう教諭らから指導され不登校になったなどとして、大阪府立高校の元生徒の女性（２２）が府に損害賠償を求めた訴訟で、元生徒側は１１日、指導の違法性を認めなかった大阪高裁判決を不服として最高裁に上告した。 髪黒染めは違法と認めず 二審も府に賠償命令 原告側代理人は「茶髪を禁じた校則は違憲で、判決には法令違反がある」と上告理由を説明した。期限は同日で、府側は上告しない。 大阪高裁は１０月２８日、校則や黒染めの強要は「裁量の範囲を逸脱しない」と判断。別の指導を違法として府に３３万円の支払いを命じた一審大阪地裁判決を支持し、原告側控訴を棄却した。 女性は２０１５年の高校入学後、髪を黒く染めるよう繰り返し指導され、１６年９月以降に不登校となった。問題は１７年に発覚し
アクセシビリティ観点で必須の<label>要素について、 その重要性 なぜ重要なのか。メリット・デメリット placeholderじゃダメなのか などについてまとめます。 labelの重要性 アクセシビリティ観点でlabelはどのくらい重要なのでしょうか？ 適合レベル A 適合レベルとは、アクセシビリティ上の重要度を示す指標のことです。 WCAG 2.1の適合レベルは、レベルA、レベルAA、レベルAAAの3つに分かれています。 その中でレベルAとは、 最低限のレベルであり、達成できていないと、スクリーンリーダーや拡大鏡などの支援技術を用いてもサービスを利用できないことを意味します。 なぜそんなに重要？ label要素があることのメリット 1. 選択が容易になる ラジオボタンやチェックボックスなどの小さな選択欄の場所を正確にクリック/タップできなくても、隣接するラベルをクリック/タップするこ
スーモークサーモンとキャベツをつかって 北海道を代表する漬物「ニシン漬け」っぽくします。 《目次》 ニシン漬け 「ニシン漬け」ご興味・関心・時間があればコチラを参考に スモークサーモンとキャベツの黒コショー漬け ▶︎材料 ▶︎作り方 《超超・浅漬けの手順》 スモークサーモンをつかったサラダもどうぞ(^O^) ▶︎MEMO まとめ ニシン漬け この時期になると、北海道の「ニシン漬け」を思い出す。 北海道ではメジャーだが、意外と知らない人が多い。 ニシン漬けは キャベツや大根、人参と身欠きニシンで、塩やザラメ、米麹、鷹の爪などで 漬け込みます。 身欠きニシンの旨味、野菜のシャキシャキ感がマッチングして 日本酒にはたまりません。 ワインにも Whisky ビールにも焼酎にも(酒ならゼンブやんけ( ´ ▽ ` )) 身欠きニシンもないし、漬け方もコツがあるので スモークサーモンを代用して、ニシン漬
『イースIX』“ネタバレ注意”な近藤社長インタビュー。イース続編や『イース vs 軌跡』に関する話題も
黒の花びら - コピの部屋
白でなくなることを恐れ いつも怯えていた 偽りの顔が流れていく そんな気もして どこまで歩き続けようとも 消されてしまう足跡 わたしは黒の花びらで姿を隠す あなたの熱から逃れるように 今日（いま）を失うほどのアツさへと誘い 心の奥に仕舞った希望を見せつける これは夢か現実か 意識が遠のく 目映いひかり 街中にもっと咲いて 黒の花びら 焼けつく暑さ 耐えて開き 吹かない風に 揺れて踊る やがて黒の花びらは 闇へとたどり着き 枯れていくのでしょう あ～、コレですか？ 僕がさっき作った 日傘 の詩ですけど🤪 本日は以上です。 お読み頂き、有難うございました。 ワールドパーティー(Wpc.) 日傘 長傘 ブラック 黒 50cm レディース 遮光クラシックフリル 81-1349 BK ワールドパーティー(Wpc.) Amazon a.s.s.a 日傘 レディース UVカット 遮光 長傘 超軽量 遮
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
実はHTMLだけで多くのことが実現できる！知っておくと便利なHTMLの使い方
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita
光の98％以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える
PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便
HTMLとCSSも進化している！JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ
白い砂糖は悪者か？ 長く続く誤解はもうそろそろ払拭を［食の安全と健康：第14回 文・松永和紀］
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
「男女性別分けだったの！？」紅白の組み分けについて議論する皆さん「アップデートが必要かも」
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
[CSS] button要素のスタイルシート、最新テクニックを徹底解説
こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック
CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
黒塗り批判で今度は白塗り/東京都の情報公開要綱/こっそり改定 知事承認
【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
サイトの表示高速化につながる18のこと | knowledge / baigie
このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
自衛隊がパイプテクターにひっかかった。 「２００号建物冷温水管保護装置取付」
Tailwind CSS v2.0 - Tailwind CSS
200色の白から見つけよう！ - White 200
上司「これが今月の給料だ！」（高圧） ワイ「ぐああああああああ」（黒こ..
漆黒少女と白の憧憬 - 葉月めぐみ | 少年ジャンプ＋
髪黒染め訴訟、元生徒側が上告 茶髪禁じる校則「違憲」―大阪：時事ドットコム
アクセシビリティ第一歩、labelが超重要な話。~ placeholderじゃダメなの？~
スモークサーモンとキャベツの粒黒コショー漬け - らしくないblog
SFC『奇々怪界 謎の黒マント』の続編となる完全新作『奇々怪界 黒マントの謎（仮）』Switchでリリースへ