ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

html

DMMさんの動画で遊んだメモ

無料動画視聴するとiframeの動画がでてくる。 こいつをdevelopertoolsで参照してみるとロードされるhtmlの中にmp4のurlがある。で、下記の様に書き換えると動画再生できた。 <video autoplay=""><source src="${url}" type="video/mp4"></video>

<dt>と<dd>を横並びにする

<dl class="cf"> <dt>※1</dt> <dd>テスト</dd> <dt>※2</dt> <dd>テスト</dd> </dl> これを表示すると ※1 テスト ※2 テスト こうなる。 んで、これに横並びするstyleをあてる <style> .inline dt { float: left; } .inline dd { margin-left: 10px; } </style> <dl class="cf inline"> <dt>※1</dt> <dd>テスト</dd> <dt>※2</dt> <dd>テスト</dd> </dl> そうするとこうなる。 ※1 テスト ※2…

Safariのパスワードの自動入力を防ごうとしたら結構めんどくさかった話

お客さんより修正依頼があった。 「ログインするときに自動入力で登録していたユーザーID&パスワードが、ユーザーを管理する画面でも同じように自動入力されて困る」って依頼。 これを聞いてははーんな俺。 あれかinput[name="***"]がログインフォームと管…

Formの中のbuttonはsubmitしたくない

formタグの中のsubmitボタンでsubmitしてはいいが、その他のbuttonタグではsubmitしたくない。 しかし、単純にformタグでbuttonタグを囲むとsubmitできてしまう。どうすべ。。。 stackoverflow.com なんと! 単純にtype="button"と属性を与えてあげれば良い…

【jQuery】modal closeボタンをクリックすると上に移動するめんどくさい処理を止める

仕様だからしょうがないと思うけどね。 とりあえず<a>の属性href="#"にすると、クリックしたときにページの上部へ移動してしまう。 これをキャンセルしたい。ので、こうすれば良い。 $(function() { $('.modal_close').on({ click : function() { return false;</a>…

【jQuery】同じドメインで他ページのhtmlをごっそり取得したい

他ページのhtmlを取得してheaderとかfooterとかside naviとかを取得したい場合 var html; // 空変数を用意 var url = 'http://www.example.com/'; $.get(url, function(data) { html = $('<div>').html(data); // divの中につっこむ console.log(html); }); こう</div>…

onClick="" で、何故かclickを中断できなかった話

単純な話。 関数だけではなくて、関数の結果をonclickへ返してあげなければいけない。

Gulp.jsを使ってみた

勉強会行ってきました。 Okinawa Frontend | Doorkeeper ちな第2回のね。その時のメモ ※あんまり精査していないので間違いあるかも。気づいた時に修正します。

いまさらですが、押しやすいCheckboxの書き方を覚える

たいそうなタイトルですが、コードだけメモします。 こうすれば良い <label for="test1"> <input type="checkbox" id="test1" /> チェックボックスですー </label> これでおk。 個人的には、チェックボックスが複数存在する場合、idが爆発的に増えるのでちょっとめんどいかなと思った。 おそらく解決策があるかもしれません…

htmlでブロックにスクロールバーを用意する方法

仕事の時のφ(..)メモメモ 概要 例えばこんなHTMLがあるとする。 <div class="test"> <ul> <li>テスト1</li> <li>テスト2</li> <li>テスト3</li> <li>テスト4</li> </ul> </div> .testの中は制限なく増えていくので、いずれはページのスクロールが長くなってしまう。これは面倒い。 そこで、ブロックを作ってそこでスクロールで…

Emmetをドットインストールで覚えてみたその2

photo by San Diego Shooter (Emmetで検索するとでてくる画像なんだけど、なんだこれ?)

Emmetをドットインストールで覚えてみた

ドットインストールで勉強したことをメモ。 あと1周はしようかなと思っています。 最近HtmlとCSSばっか打っているいて、コーダーに興味がでてきました。

canvasマスターのための第一歩のメモ

photo by nidhug ややこしいタイトルですね。 ちなみに使いづらくて、マスターはあきらめようかなと思っています。 本当にマスターになりたい人は、いますぐブラウザバックして、他の情報で勉強してください。 タイトルと温度差ありすぎだろ。って感じですが…