フロントエンドエンジニア御用達の MDN web docs を網羅した
このリストは何？ MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ？」を軽減もしやすいかなって。 MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。 ですので、初学者でも学習しやすいように MDN web docs 全体の
[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic
Slide, Math, Tin, Bomb Magicの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: 要素にアニメーションを指定 アニメーションはmagic.css単体で動作しますが、jQueryと組み合わせることでユーザーのさまざまなアクションをトリガーにすることができます。 まずはjQueryのセレクタで要素を指定し、例えばホバー時にアニメーションさせる時はこんな感じに。 $('.yourdiv').hover(function () { $(this).addClass('magictime puffIn'); }); 特定の時間、ループでアニメーションさせる時はこんな感じ。 setInt
AngularJSで「メールアドレス（確認のためもう一度入力）」のバリデーションを実装する - ブログ - ワルブリックス株式会社
フォームには「メールアドレス」と「メールアドレス（確認）」欄があり、いずれも必須項目とする。フォームは入力内容が全て正しい時のみ submitできる。 AngularJSに項目が入力必須であることを伝えるには、input要素に required 属性を付ける。要件を満たしていない時に表示するメッセージの表示/非表示は、ng-show属性に フォームのname.input要素のname.$error.required を指定することで制御する。 フォーム全体の入力内容が要件を満たしている時のみ submitボタンを有効にするには、submitボタンの ng-disabled属性に !フォームのname.$validを指定する。 入力内容はメールアドレスとして相応しい文字列でなければならないものとする。 項目がメールアドレスとして正しい文字列であることを AngularJSにバリデーションさせ
AngularJSで $locationを使ってURLパラメータを取得する - ブログ - ワルブリックス株式会社
AngularJSで URLに含まれるいわゆるGETパラメータを取得するには通常ルーティングメカニズムを用いるが、ルーティングを必要としない小さなアプリケーションではもっとカジュアルに $locationを使うこともできる。 $locationを使って URLからGETパラメータを取得するには $location.search()["パラメータ名"]; のようにする。但しこれを可能にするには configで $locationProviderの html5Modeが trueにセットされていないくてはならない。 $locationProvider.html5Mode(true); 実際にパラメータの値を取得して表示する例。指定のパラメータ名に対応する値がひとつの場合（多くの場合そうだが）、値は文字列として返る。 同じパラメータ名で複数の値が与えられている場合、値は文字列のarrayで返る。
jQuery.ajax()で取得したHTMLの一部を抜き出す方法
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。 １．問題点 次のように、ajax()メソッドで取得したHTMLを丸ごと埋め込むサンプルはネットで多くみかけます。 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $.ajax({ url: 'http://user-domain/foo.html', dataType: 'html', }) .done(function(data) { $("#bar").html(data); }) .fail(function(data) { // ... }); </script> <div id="bar"></div> が、取得したHTMLの一部だけを抜き出して利用したい場合、どのように記述す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
