同意画面とかでよく見る 「テキスト部分を最後まで読んだら次へすすめるよ！」 を実装するための覚書。すぐ忘れるので。残念なほどに。 次回はコピペで行きたい。HTML<div class="box_agreement"> <div class="textarea"> <div> テキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <a class="-disabled" href="#">同意するボタン</a> </div>…

同意画面の初期表示時はボタンを押せない状態にしたい！ とかで使えるCSSのご紹介。 昔はJSでonclickなんちゃらを設定したりが必要だったけど CSSで大丈夫だよ（わーいpointer-events:none;はい、これだけ。 hover時にポインターが変身することもなくなりま…

Webサイトをまったくのゼロから新規作成するとき、 既存のサイトに新たなコンテンツを追加したいとき、 既存のサイトのサイドコンテンツとして新しく作り始めるとき そんなときに確認しておきたい事項のまとめ。対応デバイス・ブラウザ・バージョンWebサイト…

for~ とか each とかは知っていたけど今回はじめて知った繰り返し処理の書き方のメモ。function consMemo( txt ){ console.log( txt ); }; // 3回コンソールに表示。 var hyouji = _.times( 3, consMemo );シンプル＆わかりやすくて好き。うん。と、思ってい…

スクロールバーやアドレスバーを含まない$(window).width() document.documentElement.clientWidth; $(window).height() document.documentElement.clientHeight;スクロールバーやアドレスバーを含む値がアドレスバーの出現等によって動的に変化しますwindow…

jQueryで書かれていたajaxとアニメーションをJavascriptに書き換える（戻す？）作業が発生したのでメモ。 jQuery畑で育ちすぎて検索の仕方もわからなかったよ。検索について検索するときは頭に「脱jquery」をつけろ！！！ .hasClass をjavascriptに書き換え…

増えてきましたね、タスクランナー案件。 なんどやっても環境構築の手順を覚えられないので 自分用に記録。 ちなみにイチからgulp環境を作っていくのではなく、 一通り環境を作ってあるものをgit等で持ってきて その中に入っているであろうpackage.jsonに合…

Webサイトが完成して一段落、と思いきやお客さまから 「印刷でここがずれちゃうんですけど・・・」 という一言が入ることがちらほら。 作ってる方からすると当たり前過ぎて念押しし忘れてしまうことが多いのだけど 実はきれいに印刷するためには別途印刷用の…

複数条件、全部含む （^…$ これで１行を表す）^(?=.*あああ)(?=.*いいい)(?=.*ううう).*$

<meta name="viewport" content="width=1024px">久しぶりにこの設定みたな、と思ったら この子のおかげでメディアクエリが使えなくなるアクシデントに遭遇。 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">最近はこんな設定ばっかり使ってたからすっかり忘れてたけど、 デバイスの幅を「1024px」と認識させちゃう状態だものね、あたりまえよね・・・この</meta></meta>…