はてなブックマーク

概要 a, a>img をクリックした際の点線を消す。 button, input[type=button], input[type=submit]の点線の消し方もついでに。 つまり、フォーカスのある要素の点線の消し方について キーワード hidefocus, outline, ::-moz-focus-inner demo no dot for links, input, button ＊ページを開いたらタブキーで移動 1.リンク（アンカー）の点線を消す CSS outlineを用いる。 IE7以下にも対応するなら、HTML hidefocus を併用する IE8+ と他のブラウザはCSSを設定するだけ a { outline: none; } IE5.5 - 7 はHTML属性のhidefocusを個別に設定する。 1.HTMLに直接記述する <a herf="" hidefocus=

追記: 文面を修正しました。 2018-05-21 すこし話題になっている（いた?）ようだが、jQueryを（読むだけで自分では）使ったことの無い私が気付いただけで間違いが10個あった。 サイトはここ GitHubにソースがある 見つけた間違い 60個あるうち10個 つまり全体の1/6, 16.6% 内容についてはレポジトリ参照（しかし、そこまでする利点は無いので見なくてよいです） メソッド どうしたか children 既にissueにあった contains issue出した empty issue出した fadeIn issueで指摘されたのに確認されないまま閉じられたのでコメントした trigger issue出した offset PR(Pull Request)が間違っていたのでコメントした outerWidth/Height PRを取り入れていたが、やはり間違っていたのでコメン

「イベントをonclickで付ける」という時次の2つがあり、紛らわしい。 1. HTML内に属性として記述するonClick <button onclick="alert(1)">push<button> 2. jsファイル、script要素で動的に設定する obj.onclick btn.onclick = function () { alert(1) } この2つは結構違いがあるので、詳しく説明する。 2つの違いではない、基本的なことについては前のエントリー参照 目次もどき 目次のような箇条書きのようなリスト。2回目以降は、これだけ見れば十分。 呼び方 重要なポイント 属性 大文字と小文字 関数のラップ(wrap=つつむ) イベントタイプの名前を持つ関数にラップされる イベントオブジェクトは「event」という変数名でその関数に渡される クロージャとthisの値 複製(cloneNod

追記: 2015/06/18 gistには行番号を追加しないようにした。 2014/07/03 1行のみかつシンタックスハイライト無しのpreでエラーがあった。 スーパーpre, markdownで表示したソースに行番号を表示する。 というかpreタグに行番号を表示させるだけなのでどこでも使えます。 olリストを追加するだけです。liの中にpreのそれぞれの行の内容を入れたほうが良いのかもしれませんが、DOM改変が多くなるのでしていません。 設置 管理 - デザイン　- カスタマイズから 「フッタ」にJSを追加 「デザインCSS」にCSS追加 CSSは適当にいじってください。背景色つけるとgist貼り付けっぽくなります JS <scirpt defer> ;(function(document){ var pres = document.getElementsByTagName("pre"

追記 ES6から使えるようになった、Template stringsを使おう。 developer.mozilla.org var str = ` line1 2 3 ` 以下は古い情報。 JavaScriptにヒアドキュメントは無い。のでもどき CSS, insertAdjacentHTMLなど改行した文字を（一列に直さず）改行を保持したまま利用したいときに。 MDNの Values, variables, and literals - JavaScript | MDNを見て単純な\n以外にも書き方があると知り調べた。 方法 単純な結合 配列 エスケープ function + コメント + toString 1,2は一応書いておくだけでおススメしない 1. 単純な結合 var poem1 = "Roses are red,\n"+ "Violets are blue.\n"+ "I'm