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
IE8をレスポンシブ、HTML5やCSS3、rgba角丸に対応させる場合の注意点まとめ - 京都のお墨付き！
IEでHTML5やCSS3を使う場合、いくつか補助プログラムを読み込んだり、制作上の注意点があります。これは、きちんとHTML5やCSS3の仕様を身につけていないと「動作しない」などのトラブルに見舞われることがあります。 この記事では、「なぜ、そうする必要があるのか」をキチンと書いて、仕様・仕組みを理解した上で使いこなすことができるようになる事を目標に書きました。 IE8で、HTML5のSectionsタグを使えるようにする「html5shiv.js」 「Sectionsタグ」とは以下のタグです。これはHTML5で定義されていますが、IE8では使えないもの(HTML5で追加した分)があります。これを使えるようにするのが「html5shiv.js」です。 section (HTML5から追加) nav (HTML5から追加) article (HTML5から追加) aside (HTML5か
終了いたしました。
作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
[Web] DIVのスクロールをJavaScriptから操作する - YoheiM .NET
今日はライトなネタを。 Webページを作成する際に、要素の高さを固定して、内容量によってはスクロールして表示させる事があるかと思います。そのスクロールの上げ下げをJavaScriptで操作する方法を調べたので、ブログに残しておきたいと思います。 Webページ内のスクロールする要素 Webページ内で、以下のような要素を見た事は無いでしょうか。高さが固定されていて、表示内容がたくさんある場合には、スクロールして内容を全て見るやつです。 こんにちは。 この文章を最後まで読むには縦スクロールする必要があります。 あああ いいい ううう えええ おおお 最後までスクロール頂きありがとうございます。 <div id="area" style="width:300px; height:100px; overflow:auto; border:1px solid #aaaaaa;"> こんにちは。 この文
![[Web] DIVのスクロールをJavaScriptから操作する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/37987537dfdb5921fed3588b17a28763054f1c3e/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F035.jpg)
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
jQuery.ajax() のリクエストパラメータを、指定した文字コードで渡す - 株式会社CFlatの明後日スタイルのブログ
jQuery.ajax() のレスポンスを指定した文字コードで取得する系の話はその辺にごろごろ転がっていますが、逆にリクエストを指定した文字コードで行う系の話がほとんど見つからなかったので、ライブラリを作成しました。 考え方としては、通常は UTF-8 で行われるリクエストパラメータの URI エンコード処理を、ShiftJIS や EUC-JP で行ってやればよいだけです。……とはいえ、文字列を ShiftJIS や EUC-JP に変換する部分は大変なので、ライブラリ任せにしてしまっています。 UTF-8 から他の文字コードへの変換処理には、http://polygon-planet-log.blogspot.jp/2012/04/javascript.html の encoder.js を使用しています。下記コードの利用には、encoder.js（https://raw.github
複数の言語を話す人は、思考がより柔軟であるという研究結果 | スラド サイエンス
二カ国語を話す人を対象に行われた新たな研究によれば、複数の言語を話す人は、それぞれの言語の持つ世界観の良い所を持ち合わせているため、柔軟に思考することができるとのこと（Slashdot、Science）。 認知科学者らは1940年代より、母国語が思考に及ぼす影響について研究を行ってきた。これによれば、話し手が何に焦点をあてるのかは母国語の影響を受けているのだそうだ。そこで、二カ国語を話す人の場合には、「二つの思考が、一人の人間の中に存在し得るのか」という疑問が湧いたという。 研究の結果、第二言語は物事の見方において、重要な潜在的役割を果たしていることが分かったとのこと。「他の言語を話せる場合、もう一つの視点を持っている」ことになり、言語を素早く切り替えるがごとく、物の見方も素早く切り替えることができるのだそうだ。
お手軽にWeb開発できるエディタ Brackets - Qiita
ちょっとしたWebアプリを作りたい・・ そんな時は [Brackets] (http://brackets.io/)がおすすめ！ 特徴 Windows/Mac/Linux対応 日本語対応 HTML, CSS, Javascriptを中心にPHP, node.jsなども開発可能 コードを編集すると自動でブラウザの表示も変わる”ライブプレビュー"機能 便利な拡張機能たくさん（拡張の開発もjavascriptで簡単にできるらしい） 他にも何かとすごいらしい 詳しくは[公式サイトへGo!] (http://brackets.io/) インストール方法 公式サイトからダウンロード＞開いてインストールを すすめていけば入ります！ コマンドとか不要です！ 実際に開発を始める 1. アプリのフォルダを作って、Bracketsに追加する 2. HTMLファイルを作る 3. ライブプレビュー開始 4. 完了！
[チラ裏]自分自身のウィンドウ名を変更（上書き）する[HTMLとJSの話]
個人的メモ。HTMLとJSの話。 もしかしたら、知ってる人にとっては「当たり前じゃん」って話かもしれませんが、少なくとも私は今日まで気づかなかったのでメモ。 基本的にはHTMLでウィンドウをパタパタ開くのはよろしくない訳なんですが、システムによっては、新規ウィンドウだかを使わざるを得ない（使った方が便利）ってことはよくある。 んで、たとえばA.htmlからB.htmlを、aだかwindow.openだかで新規ウィンドウつかって開いた時、新規ウィンドウ（B.html）から、親ウィンドウ（A.html）に対して命令したいことってのは、まぁ普通にあるわけです。 ところが、B.htmlのハンドラをSWFとかに持たせた場合、JSによるwindow.openerってのは、環境によって警告がでちゃう。 そうなると、親（A.html）ウィンドウにウィンドウ名が割り振られていない場合、B.htmlからA.h
さくらエディタの初期設定(Windows) - すたらブログ
(最終更新: 2015-10-03) サクラエディタでPHP, JavaScript, HTMLを編集する場合の設定をメモしておきます。 CSSは特に設定しなくても問題無いと思います。 目次 各種ツールバーの設定 ツールバーとステータスバーを非表示にする タブバーの設定 フォント設定 強調キーワードのセット追加 JavaScript HTML PHP 余談: 他のお勧めのエディタ 各種ツールバーの設定 ツールバーとステータスバーを非表示にする 下記のメニューをクリックする。 設定 -> 表示中のツールバーを隠す 設定 -> 表示中のステータスバーを隠す タブバーの設定 設定 -> 共通設定 -> タブバー チェックを入れる項目 タブバーを表示する 閉じるボタン フォント設定 設定 -> フォント設定 フォント名: MS ゴシック スタイル: 標準 サイズ: 12 強調キーワードのセット追加
http://html5shiv.googlecode.com/svn/trunk/html5.js
// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
Javascript/jQuery/input要素のvalueを操作する - 俺の基地
prototype.js感覚で使ってたら嵌ったｗ 実は結構迷ったのでメモ <input type="text" value="" id="hoge" /> こうやってもだめ $('#hoge').value = 'aaa'; こうじゃないとダメ $('#hoge').val('aaa'); タグ Tag: Javascript jQuery
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html() - jQuery 日本語リファレンス
現在のページのドメイン名を取得する
HTML Imports: ウェブのための #include - HTML5 Rocks
getBaseURL() javascript call function in a href=""
How to get the containing form of an input?
Intel iQ Japan -
白い炎 歌詞 斉藤由貴 ※ Mojim.com