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
JavaScript: window.open() 小窓の基礎
window.open()で小窓 いわゆる小窓です。これはJavaScriptの window.open() というメソッドで 小窓となるウィンドウを生成します。 各引数の文字列は一重引用符または二重引用符で括って指定します。 第１引数「URL」は生成されるウィンドウに表示するページのURLです。 ※ ウィンドウに表示するページ（別のファイル）は別途作成して用意しておきます。 第２引数「ウィンドウ名」は特に指定する必要がなければ null で良いでしょう。 ウィンドウ名を指定するときは引用符で括ります。 ※ null を指定するとウィンドウ名の設定されていない新規ウィンドウとなります。 (HTMLの属性 target="_blank" と同等です) 例: window.open('example.html', null); 第３引数「オプション」はウィンドウの特徴を設定する文字列です。 こ
HTML Imports: ウェブのための #include - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
アドレスバーのURLを書き換える - Qiita
googleのエイプリルフールネタの「Google 日本語入力 ピロピロバージョン」を見ていたら、 https://www.google.co.jp/ime/___o/ 画面をスクロールすると、アドレスバーのURLも下記のように画面更新しないでピロピロと変わっていた。 https://www.google.co.jp/ime/___o/ ↓ https://www.google.co.jp/ime/________o/ ↓ https://www.google.co.jp/ime/__________/ // 履歴エントリの置き換え // http://exapmple.com/xxx/123 → http://example.com/xxx/aiueo history.replaceState('','','aiueo'); // http://exapmple.com/xxx/123
ブラウザの戻るボタンで戻ったときに呼ばれるイベントとかキャッシュとかそこらへんのこと - koumiyaの日記
IEでは戻るボタンで戻ったときにonloadイベントが呼び出されるが、Firefoxでは呼び出されないなどブラウザによって動きが違うようです。 よくある二度押し防止対策として、送信ボタンをクリックしたときにボタンを無効(disable = false)にして次の画面に遷移させるということをやりますが、その後ブラウザの戻るボタンで戻られるとボタンが無効のままで操作できないままになってしまいます。 その対策として、画面を表示したときに無効を解除するという処理が考えられますが、IEではonloadイベントが呼ばれるがFFでは呼ばれないという上記の問題が発生します。 調べてみたところ、戻るボタンとonloadイベント - a geekで紹介されている方法で解決できるみたいです。IEではonloadを使い、FFではpageshowを使い、Safariではonloadとonunloadの合わせ技で戻る
わずか1行のコードで「リアルタイムWeb通知」が実装可能になったMilkcocoaを試してみた！ : うえぶはっく
国産のバックエンドサービスとして人気の「Milkcocoa」ですが、いつの間にか「リアルタイムWeb通知」を実現できるようになっていたのでご紹介しておきます！ これが出来るようになると、自分のWebサイトやサービスなどを利用しているユーザーに向けて、スマホの「プッシュ通知」のような感覚で、リアルタイムに任意のメッセージを送信し、ユーザーのブラウザ上に表示させるようなことが出来るので便利です。 今回は、チュートリアル形式でサンプルを作っていく過程をご紹介しようと思います！ まずは初期設定をしよう！ まず最初に「Milkcocoa」にログインし、管理画面から新しいアプリを作成します。(無料プランで問題ありません…)
わずか1KBで音楽を演奏しつつブラウザ内で動く恐るべきJavaScriptメガデモ「BLCK4777」
1MB(1024KB)に収まるデータ容量で作るコンピュータグラフィックアニメと音楽を組み合わせた映像作品をメガデモと呼びます。そんなメガデモをさらに小さな容量の1KB(1024バイト)という制限で作ったコンテンツを競い合うコンテストで、ブラウザで音楽まで再生できるJavaScriptによるリアルタイムアニメーション「BLCK4777*」などの作品が公開されています。 BLCK4777* by p01/ribbon http://www.p01.org/releases/BLCK4777/BLCK4777_safe.htm 「START」をクリックすると、2分間の音楽つき映像作品が生成されます。 場合によっては「応答のないスクリプト」と警告が出ますが、「処理を続行」をクリックしてしばし待つと画面が切り替わり、アニメーションが自動的に再生されます。なお、手元のスマートフォン環境では何度も「応答
Intel iQ Japan -
Using Intel.com Search You can easily search the entire Intel.com site in several ways. Brand Name: Core i9 Document Number: 123456 Code Name: Emerald Rapids Special Operators: “Ice Lake”, Ice AND Lake, Ice OR Lake, Ice* Quick Links You can also try the quick links below to see results for most popular searches. Product Information Support Drivers & Software
IEだけに適用されるHTML「条件付きコメント」の使い方
こんにちは、さち です。 ウェブサイト制作の経験がある人には有名な話なんですが 古いバージョンの Internet Explorer（以下：IE） は ウェブサイトの表示で 特殊な挙動，未実装の問題 があり サイトを作る時に、別途 IE 対策が必要です。 そこで今回は IE だけに適用される HTML を記述できる 「条件付きコメント」の使い方についてまとめていきます。 「条件付きコメント」とは？ 「条件付きコメント」は IE だけが解釈できる HTML コードです。 構造は下記のようになっています。 <!--[if IE 7]> 適用するHTMLコード <![endif]--> 最初に、<!--[if IE 7]> で適用する IE のバージョンを指定。 例では、[if IE 7] なので 閲覧者のブラウザが IE7 の場合に適用します。 次に、適用内容を HTML 形式で記述。 最後に
【HTML】条件付きコメントでIEとそれ以外のブラウザでの処理を分岐する方法 ｜ KLUTCHE
あなたのブラウザはIEではないですね！ 今このサイトを閲覧しているブラウザがIEか否かによって上の文章と写真が変わるはずです。 わかりやすいように IEの場合は重力式コンクリートダム IE以外はアーチ式コンクリートダム の画像を表示します。 HTMLはこんな感じになっています。 <!--[if !IE]><!--> <img src="arch.jpg" alt="アーチ式ダム" width="400" height="200" /> あなたのブラウザはIEではないですね！<br /> <!--<![endif]--> <!--[if IE]> <img src="gravity.jpg" alt="重力式ダム" width="400" height="200" /> あなたのブラウザはIEですね！<br /> <![endif]--> コメント内の[if !IE]で、IEかどうかの判別を
なんだかんだで SPA から jQuery に戻った話 - ボクココ
最近は SPA とか React といった話題が尽きないが、自分は結局 フロントエンド JavaScript は jQuery が最もいいと感じている。それはそれら SPA の JavaScript をいじった経験を踏まえての感想。 理由としては、「 やりたいことができにくい 」これに尽きる。 最新を追うということ 自分が最初にSPAを触ったのは AngularJS だった。なるほど、この ng-repeat や $route, $scope などを使えば、今までサーバサイドでやってたようなレンダリングが表側で制御できるようになる！と感動したものだった。この気持ち良さはきっとサーバーサイドでごにょごにょやっていた経験のある人ならなおさら感動するものだ。 さて、じゃあといって「次作るのは SPA のサービスにしよう！」と意気込んで初めて見たとする。それで作っただけで話題になるし、エンジニアと
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
javascript - JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか？ - スタック・オーバーフロー
contentをfileNameでダンロードしたい場合の実装 contentは生の文字列 var downloadAsFile = function(fileName, content) { var blob = new Blob([content]); var url = window.URL || window.webkitURL; var blobURL = url.createObjectURL(blob); var a = document.createElement('a'); a.download = fileName; a.href = blobURL; a.click(); }; コレでも可 var downloadAsFile = function(fileName, content) { var a = document.createElement('a'); a.d
URL - Web API | MDN
URL インターフェイスは、URL の解釈、構築、正規化、およびエンコードに使用します。 URL のコンポーネントを簡単に読み取って変更できるプロパティを提供することで機能します。 通常、新しい URL オブジェクトを作成するにはコンストラクターを呼び出すときに URL を文字列として指定するか、相対 URL とベース URL を指定します。その後、解釈された URL のコンポーネントを簡単に読み取ったり、URL を変更したりすることができます。 ブラウザーがまだ URL() コンストラクターに対応していない場合は、Window インターフェイスの URL プロパティを使用して URL オブジェクトにアクセスできます。対象とするブラウザーのいずれかに、この接頭辞を付ける必要があるかどうかを確認してください。
色んなXSS – nootropic.me
2015/4/16(木)：ページの一番下に追記を記述しました。 その昔、なんとかキャンプというセキュリティのイベントに参加した時「アウトプットが大事」と言われたのを思い出しました。 でも、普通自分の見つけた知識は後生大事に抱えておきたいもんだと思います。 そこで今回はそういった何かしょーもないものを捨てるべく、溜め込んだ色んなXSSのPoCを少し書き出してまとめました。 今まで自分で見つけたものや海外のSecurity Researcher達から収集したものもあります。 さて、今回リストアップしたPoCの見方ですがいくつかの項目があります。 一番上の「手法」はタイトルみたいなものだと思って下さい。 二番目の「PoC」はスクリプトを実行する為のコードです。殆どがアラートが出るだけのスクリプトの為危険なコードは無いつもりですがご自分のブラウザで実行する際は自己責任でお願いします。リンクをクリッ
JavaScriptやPHPで開発できる超小型ボード「Onion Omega」 Web開発者もハード作りを容易に
JavaScriptやPHPなどでプログラミングできるハード開発プラットフォーム「Onion Omega」」がKickstarterに登場した。小型ボードを組み込んでさまざまな機器を開発できるもので、複数のプログラミング言語に対応することでハードルを下げている。 Onion Omegaのボードは28.2×42ミリと小さく、400MHz動作のAtheros AR9331（MIPS）と64Mバイトメモリ、16Mバイトストレージ、無線／有線LAN、USB 2.0を搭載する。インタフェースなどを拡張するためのアクセサリも用意されている。 Arduino互換だが、Linux環境が動作し、JavaScript（Node.JS）やPHP、Python、Rubyなど複数の言語による開発が可能な点が特徴。専用の「Onion Cloud」との統合、ブラウザなどから操作できるコンソール、アプリストア機能なども提
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
jQueryで動的にグラフを作れる「jqPlot」が使いやすい！ | SHINGO IRIE
CloudPaperの改良で年間売上グラフを入れようと思い、動的に使えるjQueryプラグインを探していたところ「jqPlot」という素敵なプラグインを見つけました。かんたんに導入方法をご紹介します。 色など自由にカスタマイズできるのですが、かんたんな折れ線グラフだとこんな感じで生成できます。ほかにも棒グラフや円グラフもつくれます。 デモはこちら jqPlotでグラフを作るjqPlotからまずはファイル一式をダウンロード。解凍するとファイルがたくさんありますが、最低限必要なものはjquery.jqplot.min.jsとjquery.jqplot.min.cssの2つです。ちょっと複雑なことをやろうとするなら、必要に応じてこれら以外のファイルを使います。 <link rel="stylesheet" type="text/css" href="jquery.jqplot.min.css"
Chart.jsを使って「動的に」グラフをアニメーションさせる方法 - ウィリアムのいたずらの、まちあるき、たべあるき
ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです（たま～にコンピューター関係も） Javascriptでグラフを書く場合、Chart.jsを使うことが多いと思う。 ただ、Chart.jsは、 Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 http://liginc.co.jp/web/js/40934 にあるように、多くのサンプルは、グラフを１回書くだけで、 Ajaxとか使って、動的にグラフを描いていく（アニメーションさせる） 方法を書いてないよね。 例えばこんな感じ http://www.geocities.jp/xmldtp/js_chart1.htm （ちょっと経つと、点が追加されていく。 下のボタンをクリックすると、少し経ってから とまる（すぐにはとまらない）。 とまっているときにクリックすると、動き出す）。 なので、今日は、そこを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
艦娘沼マップ Ver 0.1.1