アクセシブルなWeb制作者チェックリスト
このチェックリストは、Webアクセシビリティを実装する人がアクセシビリティを正しく理解しているかどうかを判定するためのチェックリスト試案です。これだけのことにYesと言えるかどうかで、Webアクセシビリティのかなりの部分をカバーできるのではと思うのですが、どうでしょうか。 共通 1. Web標準を理解している。 2. セマンティックな HTML の記述法方法を理解している。 3. 情報の構造をHTMLで、「見た目」のデザインをCSSで記述し、分離する方法を理解している。 4. 画像などの非テキストコンテンツがスクリーンリーダでどのように扱われるかを理解している。 5. キーボードだけでWebページをナビゲーションする方法を理解している。 6. フォームの要素とラベルの関連付けを理解している。 7. スクリーンリーダでWebサイトを利用する方法を理解している。 8. フォーカスを理解している
JavaScript の関数の中で window と undefined を定義する理由を調べてみた - Programming log - Shindo200
2013-11-29 JavaScript の関数の中で window と undefined を定義する理由を調べてみた JavaScript jQuery などの JavaScript のライブラリのソースコードを読んでいると、このようなコーディングパターンをよく見かけます。 (function(window, undefined){ // ... })(this); これはすぐに実行される関数の中にライブラリの実装コードを閉じ込めて、関数の中で定義した変数がどこからでも参照できる変数（グローバル変数）になる問題を回避しています。これは「グローバル汚染の回避」と呼ばれています。下記のコードを見てください。 (function(window, undefined){ var foo = "foo"; console.log(foo) //=> foo })(this); console.
[JS] XHR2の機能を学ぶ - YoheiM .NET
こんにちは、@yoheiMuneです。 今日は、とても便利なXMLHttpRequest version2の内容紹介を、ブログに書きたいと思います。 Special Thanks to https://flic.kr/p/mCxBaM この記事の目的 この記事は、XHR2の様々な機能を実装することを通して、XHR2について深く学ぶことを目的にしています。 自分はXHR2について便利そうだなぁという印象しか持っておらず、機能面や実装方法は無知でした。 そんな自分に対して、XHR2に対する確かな知識を持ちたいと思い、この記事を執筆することを決めました。 目次 XHR2とは XHR2とは、XMLHttpRequestのバージョン2です。W3Cではこちらのページで仕様策定が行われています。 XHR2では、XHR1で行えるサーバーとの非同期通信に加え、バイナリーデータを扱えたり、通信の進捗状況を把握
![[JS] XHR2の機能を学ぶ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/969d631f6467c175a72cc01a1b9846e2d530c88d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F327.jpg)
Blog
Unlocking Success in Tech Education: Why Code Fellows Leads the WayBy Mitchell Robertson on September 29, 2023 In today's fast-paced digital world, technical skills have become the currency of success. Whether you're a recent high school graduate looking to kickstart your career, a seasoned professional seeking a change, or an employer searching for top talent, the choice of who to partner with fo
Avoiding Problems With JavaScript's getElementById Method in Internet Explorer 7
Every week this website gets about 700 unique visits from Google searches, mostly from people searching for solutions to problems with JavaScript and CSS. I’m flattered, and I hope I can continue to publish useful articles that will assist people and help with the exchange of ideas and techniques. One search phrase that leads surfers to my site pretty much every day is something along the lines of
HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog
先日、都内某所で開催された#桜JSに参加したので、個人の日記レベルの感想を書いてみる。 #桜JS - Togetterまとめ 桜JSでご飯を食べながらLT大会をした | Web scratch 細かいことはazuさんのまとめを見てもらうとして、個人的におもしろかったのがHTML FormのPUT/DELETEについての議論。 なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes Jxckさんの経緯まとめを踏まえて、じゃあこれからHTML FormにPUT/DELETEを追加する必要あるの？っていう点で意見が割れた。 個人的には、この話を聞いたとき、確かに仕様としては欠けてる感じがするけど、いまさら実装されても自分はForm PUT/DELETE使うことはないだろうなと思っていた。理由は、FormでPUT/DELETE
ある技術者の備忘録 » jQueryをIE8で使う際にFORMがおかしくなる
jQueryを使っていてIE8でのみフォームがおかしくなる現象が発生したのでメモ。 formのactionにスラッシュで終わるURLを記述し、 $(“#wrapper”).html($(“form”).html()); みたいな感じでhtmlメソッドで内容をコピーしようとすると、 なぜかIE8でのみformの中が空扱いになってしまいます。 コピーされるHTMLを追いかけて表示してみました。 元のコード <form action="/hoge/fuga/"> ... </form> $(“form”).html()で取れるコード <FORM action=/hoge/fuga/> ... </FORM> $(“#wrapper”).html($(“form”).html()).html()で取れるコード <FORM action=/hoge/fuga></ FORM> ... </FORM>
okmaya
Strategi Ampuh Menang Pasang Parlay di Saba Sport Halo para pecinta taruhan online, apakah kalian sering bermain parlay di Saba Sport? Jika iya, pasti kalian mencari strategi yang ampuh untuk menang, bukan? Tenang, kali ini saya akan berbagi strategi yang bisa membantu kalian memenangkan taruhan parlay di Saba Sport. Pertama-tama, penting untuk memahami bahwa taruhan parlay membutuhkan analisis ya
Why CoffeeScript Isn't the Answer
CoffeeScript is an open source project that provides a new syntax for JavaScript. I have to say that I have a lot of respect for CoffeeScript and it got a lot of things right. The “golden rule” of CoffeeScript is “It’s just JavaScript”. That means there is a straightforward equivalent to every line of CoffeeScript. Consequently, there aren’t as many issues with JavaScript interop as there are with
jQuery.Deferredのエラーハンドリングできない問題の一応の解決
handle_error.js �0�۪� cߪ� // アホすぎ function promisify(fn) { return function() { var d = $.Deferred(); try { d.resolve(fn.apply(this, arguments)); } catch (e) { d.reject(e); } return d.promise(); }; } function error() { throw new Error('error!!!!!!!!!!!'); } $.Deferred().resolve().then(promisify(error)).fail(function(e) { console.log('I catch', e.message); });
JavaScript プログラマの職種は4種類くらいに分けるべき
jser.md はじめに JavaScript を使っていると「JavaScript出来るの？ jQuery / AngularJS / Node.js etc... で困ってるんだけどさー」みたいな話を振られることがあります。 そういった時に、自分は一般的なライブラリの使い方やフレームワークに対して大した知見も興味もないので、わざわざ説明するのも面倒なのでこうして文章にしておきます。(本当に届いて欲しい人に限って、こういう文章が届かないのはわかっていますが、文章を書くこと自体が気晴らしだと思って諦めます。) 「フロントエンドエンジニア」という言葉の汎用性 先ほどのような話は自分に限ったことではなく、たぶん経験のある人も多いでしょう。 振られた話が自分の分かる範囲、あるいは興味のあるものならばまだ良いのですが、そうでないことがあまりに多すぎます。 話を振られるだけならともかく「JavaSc
JavaScript MVC Style Guide
Over the years I've come up with a few rules for MVC web apps that have served me well and kept large codebases from descending into chaos. While the terminology may differ, these rules should hold true for most client-side MVC frameworks such as Backbone and Ember. Some frameworks have different naming MVC conventions, and slightly different takes on separating concerns. In this document, control
jQuery Coding Standards & Best Practices
All variables that are used to store/cache jQuery objects should have a name prefixed with a $. Always cache your jQuery selector returned objects in variables for reuse. var $myDiv = $("#myDiv"); $myDiv.click(function(){...}); Use camel case for naming variables. Use ID selector whenever possible. It is faster because they are handled using document.getElementById(). When using class selectors, d
json.human.js - Json Formatting for Human Beings
json.human.js: Json Formatting for Human Beings Provide JSON and get a DOM node with a human representation of that JSON. Why? At Event Fabric we need to display JSON to people from all technical levels without being too technical but also without losing information about the underlying JSON object. How? you can see js/demo.js in the repo for an example, here is a short one var node = JsonHuman.fo
SelfieGirlで使っている技術の紹介とOAuth.ioについて | 自転車で通勤しましょ♪ブログ
twitter上ではもう宣伝していますが、SelfieGirlをリリースしました。 SelfieGirlは、twitter上で話題になっている#グラドル自画撮り部のハッシュタグを元に検索して、スマートフォンで見やすいように整形したWebサービスです。Androidアプリはちょこちょこ出ているようなので、Androidじゃなくて別の方法でやってみようかなと思っていました。 SelfieGirlを作っている技術は以下になります。 Ruby on Rails Ruby製フルスタックフレームワーク AngularJS JavaScript MVCフレームワーク ionic framework AngularJSを前提にしたスマートフォン用に最適化されたhtml5フレームワーク heroku Ruby on Railsを簡単にデプロイできるPaaS。様々な言語をサポートしている。 oauth.io
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tinyURL で、長い data スキームを処理させる
Getting undefined when trying to get form value in IE8
JavaScript Error Monitoring
How can I remove all CSS classes using jQuery/JavaScript?
hanatoweb.jp