主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

HTML

https://でcssが効かない

https://とhttp://が混在しているサイトでページを遷移していると、https://のときだけCSSが効いてないっていうことがあって、しかも、ページの共通cssは効いているのに、個別のcssは効いていないという。 絶対パスや、あとはWordPressとかのCMSでルートパス…

Google Map API v2 を使って、ページに地図を表示する(マーカー付けて)

<script src="http://maps.google.co.jp/maps?file=api&hl=ja&v=2&key=取得したAPIキー" type="text/javascript"></script> <script type="text/javascript"> //

〜の中にinput要素を入れてしまう衝撃!

フォームのチェックボックスなんかで、チェックボックスの横の文字をクリックしただけでチェックが入ったりするのは、ユーザビリティを高める手段として当然の嗜みであるとおもうのですが。関連付けする先の入力フォームのidをfor属性で指定する方法と、次の…

フォーム内のテキストを枠内で縦方向に中心にする

フォーム内のテキストを枠内で縦方向に中心にするには、padding と line-height をうまく組み合わせないと、全部のブラウザで綺麗にそろわない。

HTML5の新しいタグで、IE系のブラウザにCSSを適応させる

HTML5でコーディングすると、IE系はcssが効かないので放置してたんですけど、下記のjavascriptを読み込ましておけばcssが効くみたいです。document.createElement("section"); document.createElement("article"); document.createElement("aside"); documen…

チェックボックスを水平にする指定

フォームで、チェックボックスとラベルテキストを並べると、ブラウザによって、縦方向にちょっとだけズレます。そんなときはこういう風にCSSを指定すると、なんとか良い感じになるはず。input { margin-right: 2px; font-size: 93%; line-height: 1; vertica…