Apple Shows Love for HTML5 with iOS 8
We were as excited as everyone else with last week’s Apple iOS 8 release announcement. We have only had the iOS 8 GA bytes for a few days, but we wanted to do as quick and complete a write-up as we could to give the global web developer community an in-depth look at Apple’s latest release. There’s no doubt we’ll see a few items we missed in the next couple of weeks and months, but for now we wante
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！ ↑私が10年以上利用している会計ソフト！ こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
フロントエンドエンジニアなら知っておきたい「HTML5のセキュリティ問題と対策技術」第44回HTML5とか勉強会レポート #html5j #HTML5｜CodeIQ MAGAZINE
Web技術者コミュニティ「html5j」が主催する最新技術トレンドや業界動向を学ぶ勉強会「HTML5とか勉強会」が六本木ヒルズのGoogleで開催された。第44回となる今回のテーマは「HTML5とセキュリティ」。 セキュリティのエキスパートたちが語る、HTML5および関連する周辺技術のセキュリティ対策に役立つ情報とヒントをレポートする。 by 馬場美由紀 （CodeIQ中の人） 今から始めるHTML5セキュリティ トップバッターで登壇したのは、一般社団法人JPCERTコーディネーションセンターの松本悦宜氏。JPCERT/CCが2013年10月に公開した「HTML5を利用したWebアプリケーションのセキュリティ問題に関する調査報告書」をもとに、Webアプリケーション開発者が 知っておきたいHTML5および関連する周辺技術のセキュリティ対策について解説した。 便利さの一方で、脆弱性も広がるHT
HTML5 勧告候補が更新、template 要素が追加など
HTML5 勧告候補が 2月 4日付けで更新されました。勧告候補としての更新は今回で 2回目 （去年の 8月 6日付けで更新されています） ですが、今回は新たに template 要素などが追加されたようです。 Five Documents Published by the HTML Working Group ： W3C News HTML5 - W3C Candidate Recommendation 04 February 2014 template 要素とは？ template 要素は HTML5 extension （HTML5 拡張仕様） として策定されていた要素で、所謂 Web Components 仕様の 1つ。 JavaScript によって文書に挿入する HTML の断片 （パーツ） をテンプレートとして定義します。この要素でマークアップされた部分は通常状態ではレンダリ
Detector·HTML5/CSS3の機能が使えるかどうか判定 MOONGIFT
HTML5の普及によって各ブラウザの描画、動作誤差は昔に比べれば減ると思われたものの、機能が増えたことによってその実装状況は大きく違うといった状況になっています。 さらにデスクトップとスマートフォンで同じHTML5といっても違いが生じています。そんなHTML5のサポート状況を見える形にしてくれるのがDetectorです。 まずはユーザエージェントに関する情報が出力されます。 さらにCSS3の機能についてサポート状態が表示されます。 Chromeでも意外と完璧ではないようです。 Detectorではクライアントの判定をサーバサイドで行っています。予め用意されているテストの他、自分で独自のテストを追加することもできます。HTML5の機能について、多数のブラウザではどのように処理されるのかをテストするのにも使えます。 HTML5と一口に言っても対象になるデバイスは多数あります。サポート対象のブラ
Frontrend Vol.6 powered by CyberAgent, Inc.
Frontrend/06 - Togetter いつやるの？Git入門 皆さん、Gitは使いこなせていますか？Gitをしっかりと理解するためには、コマンドを覚えるだけでは不十分です。Gitがどのような仕組みで動作し、各コマンドの裏で行われている内容を理解することが非常に重要となります。初めてGitに触れる方はもちろん、より深くGitを理解したい方も、一緒にGitを勉強しませんか？ いつやるの？Git入門 from Frontrend on Vimeo. Deck - いつやるの？Git入門 v1.1.0 松下 雅和（まつした まさかず）@matsukaz 株式会社サイバーエージェント エンジニア 1978年生まれ。SIer2社を経て、2011年にエンジニアとして株式会社サイバーエージェントに入社。主にソーシャルゲームのサーバサイド開発、インフラ構築、運用、プロジェクト・マネジメントなどを行
Web Components/Polymerを軽く触ってみる | inkdesign
Web ComponentsはWebのUIのコンポーネント化を実現するための各種仕様の総称です。 DOMとスタイルをカプセル化するShadow DOM、任意の要素または既存の要素を拡張するCustom Elements、それらをパッケージ化し再利用できるようにするためのHTML Importsを含みます。 マークアップをテンプレート化するHTML Templatesも含まれていたのですが、つい最近HTML仕様に組み込まれたようです。 ちなみにWeb Componentsについて調べていると、Decoratorsという仕様にふれていることもありますが、これのことは忘れていいいようです。 Web Componentsの仕様・仕組みについては、先日おこなわれたHTML5 Conferenceで、Shadow DOMのSpec Editorである夷藤さんのお話が実にわかりやすいとはおもうので、そち
HTML 5の"カンニングペーパー" | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. XHTML2 Working Group Charterが年末に期限をむかえても、もはや更新しないとW3Cが発表したことで、HTML 4.01の後継となる規約がHTML 5になることはほぼ確実な路線となった。IEをのぞく主要ブラウザFirefox、Safari、Operaは積極的にHTML 5の機能の実装を進めている。現状、HTML 5の機能はすべてではないが、いくつかは利用できる状況にある。 ただし、HTML 5の正式策定はまだ先の話だ。HTML Working Groupが見積もっているスケジュールによれば、HTML 5をW3C勧告として発表するのは2010年9月ということになる。少なくともあと1年
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://cssnite.jp/lp/lp27/CSSNiteLP27-s6-matsuda.pdf
HTML5 と SVG で考える、これからの画像アクセシビリティ
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ