SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

Category / html5

【css】Webフォント、ローカルフォントの指定方法

2012-10-09 Webフォントやローカルにあるフォントファイルを使ってテキストを表示したいときは、以下のような書き方になる。 @font-face { font-family: 'MyFont'; src: url(/location/ […]

【html5】canvasしたい(最初の一歩)

2012-10-03 問題 canvas したいです! 答え とりあえず、素のJavaScriptだと以下のように書けばよい。 HTML <canvas id="canvas" width="320&quo […]

【Javascript】localStrageに値を格納するとき

2012-08-18 問題 localStrageにオブジェクトを格納したいのに、localStrageには文字列しか入らない環境が結構あるらしい。 オブジェクトを格納しようとしたら”[object Object]”に […]

aタグのmailto:で件名、本文まで指定する例

2012-08-02 問題 メール送信のリンクをクリックしたら、件名と本分をセットした状態でメールソフトを起動して欲しい。 答え 「環境によっては、動作は保障できないよ」とはいえ、だいたいの環境でうまくいくようなら、やりたいと言われることもあ […]

【html5】placeholder属性(とりあえず入れてみよう)

2012-06-15 HTML5にはplaceholder属性という属性があります。今から入れるようにして損はないと思います。 こんな感じでセットします。 記述例 <input type="text" name="company" va […]

IEで input type=file のファイルのサイズを取得しようとしたときのメモ

2012-05-24 セキュリティを甘くすると、下のようなVBScriptが通るらしい。 ただ、そんな環境は普通はなくて、「ActiveXコンポーネントはオブジェクトを作成できません。」と言われて、エラーになります。 <SCRIPT L […]

条件付きコメントでIE9以降とIE以外のブラウザだけに表示する

2012-05-09 問題 古いIEでは表示できないcanvasを使っていたり、古いIEではJavascriptの処理が遅すぎたりするとき、「古いIEの場合だけ非表示にする」みたいなことできるかな。 答え こんな条件付きコメントを書くと、IE […]

セキュリティで保護された Web ページ コンテンツのみを表示しますか?

2012-03-14 問題 IEでSSL通信するページ(https://~)で警告がでます。 「セキュリティで保護された Web ページ コンテンツのみを表示しますか?」 答え https://www.softel.co.jp/hoge でも […]

【CSS】ルールが4095個を超えるとIEで無視される

2012-03-06 問題 IEでスタイルシートが効かなくなっちゃったんだけど。 それも中途半端に。 あれれれれ? 答え IEにはこんな仕様があるそうだ。 Internet Explorer 6 to 9.(IE6から9) A sheet m […]

【html5】input要素のplaceholderの色を変える

2012-02-28 問題 placeholder=”検索” が見づらくなっちゃった。 色って変えれる?  → 答え -moz-placeholder, -webkit-input-placeholder を使う。 : […]

label要素の中に複数のinput要素があると?

2012-01-19 問題 こんなHTMLを書いたんだけど、だめなのかな? その他の入力欄をクリックすると、その他のラジオボタンはチェックされていいんだけど、入力欄からフォーカスが外れてしまうみたい。 その他の入力をしたら、ラジオボタンもその […]

【CSS】TABLEのセルの中でURLが改行してくれない

2011-12-22 問題 HTMLのtableの中のあるセル(td要素)内に、長いURLが入ると、突っ張り棒のようにそのセルの横幅が大きくなってしまう。 word-wrap:break-word;も効いてくれないみたい。 テーブルのセルの幅 […]

【html5】フォーム要素サンプル(input編)

2011-01-27 問題 html5のinput要素がすごいことになってますね。 答え Javascriptなしにコンボボックスや日付入力(カレンダーが表示される)など、ブラウザを作る方は大変だろうけど、使う方にはありがたい機能が満載。 ブ […]

【html】一度入力した内容をブラウザが勝手に覚える、勝手に表示する

2010-10-25 問題 一度入力した内容をブラウザが勝手に覚えたり、勝手に表示するのなんとかなりません? ↓ これ 答え 勝手に表示してほしくない場合は、input要素に autocomplete=”off” を付 […]

インラインで画像をHTMLに埋め込むData URLスキーム

2010-06-10 まずはこの画像見えますか? →  見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。(見づらくてすみません。) <img src="data:image/png;base […]