ime-mode | MDN
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers (en-US) ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題:
Clipboard - Web API | MDN
Clipboard インターフェイスはクリップボード API を実装し、ユーザーが許可する場合、システムクリップボードの内容に対する読み取りと書き込みの両方を提供します。クリップボード API は、ウェブアプリケーションに切り取り（カット）、コピー（複写）、貼り付け（ペースト）の機能を実装するために使うことができます。 EventTarget Clipboard システムクリップボードは、グローバルの Navigator.clipboard プロパティにより公開されています。 Clipboard オブジェクトのメソッド呼び出しは、ユーザーが権限 API を使用して 'clipboard-read' や 'clipboard-write' 権限を取得していないと、成功しません。
Research NAVI: 電子ジャーナル・電子ブックを使う: 【注意】ブラウザの先読み機能による大量アクセスについて
電子ジャーナルや電子ブックを利用するにあたり、短時間で大量にアクセスする行為は契約違反とみなされ、提供元から慶應義塾全体のアクセスを遮断されてしまうことがあります。→【重要】利用上の注意 最近、Webブラウザの「リンク先読み機能」により、利用者が意図せずとも、大量ダウンロード／大量アクセスを起こしてしまうケースが頻発しています。 「リンク先読み機能」では、ページを閲覧中に、バックグラウンドでページ内のリンクへのアクセスが繰り返されます。そのため、本人は普通に電子ジャーナルを利用していたつもりでも、気が付かないうちに大量ダウンロード／大量アクセスになってしまうことがあります。 以下の設定変更により、この機能を無効にしていただきますよう、ご協力をお願いいたします。 特にMicrosoft Edgeでの発生事例が多く報告されていますので、ご注意ください。 ■Microsoft Edge 1、「設
WebAssembly - Wikipedia
WebAssembly（ウェブアセンブリ、公式の略称はWasm[2]）は、実行可能ファイルを表現するための可搬なバイナリコード形式（およびそれに対応するテキスト形式[3]）を定め、同時にそのような実行可能プログラムとホスト環境との間のやりとりを容易にするためのソフトウェアインタフェースを提供するものである[4][5][6][7]。 Wasmの当初の目的は、ウェブページ上で高パフォーマンスなアプリケーションを実現することであった。しかし「ウェブ特有の仮定は一切しておらず、ウェブ特有の機能を提供するわけでもないので、他の環境で同様に採用できる」[8]としている。Wasmはオープン標準であり[9][10]、あらゆるオペレーティングシステム上であらゆる言語をサポートすることを目指している[11]。実際に、最も有名な言語のすべてが、少なくともいくらかのレベルでWasmに対応している。 Wasmは、仮
Firefoxでテーブルのthとかtdにはposition:relativeが効かない件 - 主に技術的なことを書くブログ
Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さいボタンを置くときにわざわざthの中で、ブロックを2つに分けてフロートとかさせるのはちょっとしんどい。なので、positionでやろうとすると、thにposition: relative;をかけることになるので、起こる。という具合です。 解決方法 単純にdivをかまして、そっちにposition: relative;をかける。 th.inBtn { padding: 0 !important; /* table全体でかけてる内側パディングとる */ } th.inBtn > div { position
あけましておめでとうございます＆ディスプレイを縦2枚、横1枚に変更しました。そして、そこで読んだ衝撃のデータとは何か - 勝間和代が徹底的にマニアックな話をアップするブログ
あけましておめでとうございます。今年もよろしくお願いします。 新年ですが、まずはお雑煮を食べました。そして1番先に手をつけた事は ディスプレイ配置の変更 です。 これまで縦3枚にしていましたが、どうしてもウェブサイトやソフトウェアによって横のほうが見やすいものがあります。 その筆頭が Kindleの書籍たち でして、Kindleの書籍を見るには縦だと長すぎるのです。また、漫画のように見開きで表示をされるものは縦の真ん中にちょこんと表示されて、とても見づらいです。 そこで、1番右はiPad Proも置いてあるため、その両者が干渉しないように、横にしました。 なのでほとんど、実質4ディスプレイになりました。そして早速、横になったディスプレイでKindleを読んでいたら、面白い研究成果を見つけました。それは何かと言うと さまざまな職種において、雇用した従業員30,000人を調査したところ、その履
javascriptのDateに文字列突っ込んだらIEとFireFoxでInvalidになりやがった。。。 - 目指せ非プログラマー
var dateStr = "2000-10-10 00:00:00"; var date = new Date(dateStr); dateの値がChromeだとうまくいくのにIE,FireFoxでうまくいきません。 IE8, IE9, IE10, FireFox 24.0 結論から言うと"-"区切りがダメみたいです。 なので dateStr.replace("-", "/"); 追記で修正 を突っ込んでおくといいでしょう。 しかし、なんでなんでしょうね。 というのも、javascriptにもいろいろ種類があります。 ブラウザによりこのjavascriptの種類が違うのです！ だから時々、戻り値がブラウザで違う！なんてことも。 なれるとすべてのブラウザに対応したjavascript文が書けるようになるらしいよ。 ちなみに種類に関してはGoogle先生に”ECMAScript”とか聞いてみ
フレームと再読み込み - OKWAVE
今、フレームを使ったページを作成しています。 左右にページを分け、左をメニューページ、右を表示ページにしています。 問題なのはどこのページを表示していても再読み込みをするとトップページに戻ってしまうのですが、これはどう対処すればよいでしょうか？ 他のサイトを除いてみたところ、フレームを使ったページでもそういうことはおきませんでした。
1emが何pxなのか自動的に計算する方法(Final) : やむにやまれず
2007年07月24日16:16 by 山崎泰宏 1emが何pxなのか自動的に計算する方法(Final) カテゴリJavaScript Tweet sparklegate Comment(0)Trackback(1) クロスブラウザでなおかつ以前より簡単な方法修正：ソースコードに余計な行が入っていたのを削除しました。 以前はgetComputedStyle()に取り憑かれていたのだけど、一つ前のエントリを書いている最中に「あ、もしかして」と違うことを思ったので早速実験してみたらうまくいきました。 1emのdivセクションを設けてあげれば、clientWidthかclientHeight辺りが良い感じにpxの値を返すようです。 それだけ！ <html> <head> <title>em2px</title> <script language="javascript" type="text/j
ブラウザの更新 スーパーリロード
初心者でも簡単作成 Webサイト（ホームページ） パソコン インターネットの勉強、情報 NetyaSun スーパーリロードとは ブラウザのキャッシュを無視し、強制的にWebサーバーからファイルをダウンロードする方法。 「フルリロード」「強制再読み込み」ともいう。 WEBページや画像などのファイルを編集後、転送・表示で確認すると、 何も変わらず、古いファイルが表示される場合がある・・・ これは速度の向上のため、ブラウザのキャッシュが、前回保存したファイルを表示してしまうからだ。 通常なら、ブラウザの更新ボタン、または、F5キーで更新されるが、 ブラウザキャッシュが強烈に効き過ぎて、再読み込みでも更新されない場合がある。 キャッシュを毎回削除するのも面倒なので、スーパーリロードで読み込んでしまいましょう。 インターネットエクスプローラー IE Windows Internet Explorer
User-Agent Switcher (Add-on SDK) – Get this Extension for 🦊 Firefox (ja)
Note: if you have Firefox 57+, please consider installing the web-extension version of this addon. User-Agent Switcher can quickly and easily changes your browser's user-agent. There are 26 popular user-agent strings to choose from! Important features are as following: a. Toolbar popup UI provides an easy interface to access 26 user-agents. Clicking on any UA, will change your browser's user-agent
スタイルシート［CSS］/ページ全般/水平線の表示位置を指定する - TAG index
text-align は水平方向の揃え方を、margin-*** は上下左右のマージンを指定するプロパティです。これらのプロパティをhr要素に対して設定すると、水平線の表示位置（左寄せ、右寄せ）を指定することができます。 指定方法はブラウザにより異なります。Firefoxなどでは、左または右のマージンを0にすることで表示位置を指定できますが、IEなどでは text-align プロパティで指定する必要があります。どちらにも適用させたい場合は、この2つを同時に指定しておきます。 表示位置を指定する場合は、同時に水平線のサイズを指定しておく必要があります。（長さの初期値が100%なので） hr { width: 50%; text-align: right; margin-right: 0; }
Cookieのexpireの扱いがブラウザによってちょっと異なる件 - mikanmarusanのブログ
弊社のアプリが動かないという残念な問い合わせがいくつかあったので、1日ばかりずっと悶々と調べてみたりした。結局Cookieの挙動によるものだったんだけど、Cookieの有効期限の挙動がブラウザごとに違っているらしく、ちょっとハマッたので備忘録としてまとめてみた。 Cookieの仕様のおさらい Cookieは、HTTP State Management Mechanism(HTTP 状態管理メカニズム)というタイトルで、RFC2965で定義されているみたいだが、各種ブラウザの実装は、Cookieを導入したNetscape Navigatorの実装に基づいているようだ。 ここでは、Cookieの仕様についての説明は割愛するが、超簡単にまとめると以下の通り。 サーバ クライアントに保持してもらいたい状態情報を、HTTPレスポンスのSet-Cookieヘッダに乗せて送出する Set-Cookie:
Firefoxでの擬似window.event
Gecko系のブラウザでは、これはNetscape4.x時代からずっとそうなんだけど、イベントは、イベントハンドラーにargumentとして渡されるので、この手の記述には必ず引数(ひきすう)を書く必要がある。一方、IEでは(Operaもか？)、イベントモデルには、最後に生じたイベントをキャプチャーするwindow.eventという属性があり、これはどこからでも自由にアクセスすることが出来る。以上のことをまとめると、イベントに関してクロスブラウザーな記述をしようと思えば、例えば以下のような感じになる。 function getEventType(e){ var e = e || window.event; alert("Event Type is:" + e.type); } で、ここで引数に使用している"e" であるが、これはGecko系のためだけに必須である。window.event で
ComboBox
<input name="textfield" type="text" class="textField" id="tField0"> <select name="select" class="bsize" id="selBox0" onChange="getSelect(0,this.value)"> <option value="test1">test1</option> <option value="test2">test2</option> <option value="test3">test3</option> </select> <input type="button" class="bsize" value="ボタン" onclick="getText(0)">
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JR東日本：Suicaインターネットサービス
Uka-p.com is for sale | HugeDomains
CSSで影のない(noshade)水平線 - bnote
最新ブラウザのクッキーの制限(数,サイズ)を調べてみた - ITコンサルタント成長録
