タグ「JavaScript」が付けられているもの

【CSS】画像を領域内にぴっちりと収める。

  • 投稿:
高さと幅が決まっているある領域内に、画像を綺麗に表示したい。 例えば、以下のような正方形の領域があったとして、その中に画像をきっちりはめ込みたいのだけれど、さて、すっきりスマートな方法はあるのかいな、…

【縦書き h2vR.js】最新版のChromeなど一部のブラウザでの表示不具合と、その暫定対処法。

  • 投稿:
ウェブページで縦書きレイアウトを実現する JavaScript・h2vR.js および h2v.js です。 最新版の Google Chrome および、レンダリングエンジンに Blink を採用し…

【縦書き】Tips:縦書きのときと横書きのときで適用するスタイルを変更する。

  • 投稿:
  • / 更新:
縦書き表示用JavaScript・h2vR.jsです。 こんな質問をいただきました。 (前略)横書き時にのみ行間を広げたいのですが(後略) つまり、縦書き時と横書き時で、文書に適用するスタイルを変更し…

広告ブロックしているユーザを簡単に判別してみる。

  • 投稿:
  • / 更新:
サイト制作者側が、ユーザがブラウザの広告ブロック機能を有効にしてアクセスしてきているのかどうか、こういう単純な方法でチェックしてはダメなのか。 AdBlock Plus 機能拡張や iOS のコンテン…

先頭にゼロを付加して桁揃え。

  • 投稿:
例えば、月を表す数字(1, 2, 3, ..., 11, 12)を、先頭にゼロを付けて二桁に揃えたい("01", "02", "03", ..., "11", "12")。JavaScriptでは、ど…

【JavaScript】同じ文字(列)を繰り返して新しい文字列を生成。

  • 投稿:
例えば、文字列 "abc" があったとして、これを3回繰り返す "abcabcabc" という文字列をつくりたいとき、新しめのブラウザでは repeat() という関数が利用できます。 var ori…

STAR WARSのオープニングシーケンスをウェブブラウザから弄って遊ぶ。2015年版。

  • 投稿:
遥か昔、…じゃなくてほぼ4年前に『CSS と JavaScript でスターウォーズのオープニングを再現するウェブアプリ - iSW』というのを作っていたのです。 → iSW 再生ページ(Chrom…

ウェブサイトをつくる側として、AdBlock対策をすべきかどうか検証してみる。

  • 投稿:
ウェブページ上の広告は確かにウザかったりもする。だから、それを非表示にしたい気持ちも解るのだけれど、つくる側としては「せめてサーバ代くらいは稼がせてくださいよ…」というのが本音でもある訳です。 先日、…

iTunes代替プレーヤー "sTunes" をアップデート。

  • 投稿:
動作の軽さのみを追求した、ウェブブラウザ上で動作するiTunes代替音楽プレイヤー "sTunes" のアップデートです。 操作パネル右側、ジャンル/アーティスト/アルバムの各プルダウンメニュー、これ…

【JavaScript】すべての子要素を削除するときは、cloneNode(false) して replaceChild するのが多分いちばん速い。

  • 投稿:
さて、あるDOM要素の中身を空にしたい。つまり全ての子要素を削除したいときの話。 要素 ele の子ノードをすべて削除したいならば、安直に、 ele.innerHTML = ''; という方法も考えら…

「iTunesが重くて使いにくくてかなわん」というときには、 sTunes Playerをお試しあれ。

  • 投稿:
ただ音楽を聴きたいだけなのに、どうも最近の iTunes は気に入らない。何だか重いし。ユーザインターフェースも昔のほうが使いやすかったな…。 …と iTunes を起動するたびに思っていたので、HT…

【JavaScript】長大なテキストファイルを分割して読み込む。

  • 投稿:
数百MBのテキストファイルを読み込んでごにょごにょする JavaScript を書く必要に迫られた。 デカいファイルを一気に読み込むと当然のようにブラウザが固まるので、『ファイルの分割読み込みをしつつ…

【縦書き:h2vR.js / h2v.js】不具合を修正しました。

  • 投稿:
  • / 更新:
縦書き変換JavaScript・h2vR.js と h2v.js です。 前の記事のコメント欄などで報告を受けていた、 縦書き変換が上手く行われない場合がある。 …という不具合に対応しました。ダウンロ…

DOMContentLoaded と外部スタイルシート。

  • 投稿:
JavaScriptで、DOMContentLoaded イベントを捕捉して何かしらの処理を行うときの話。 DOMContentLoaded 時に getComputedStyle() でページ内要素…

【h2v.js】縦書き変換スクリプトの新しいバージョンを準備中です。

  • 投稿:
  • / 更新:
さて、縦書きを実現するJavaScript・h2v.jsです。暫くほったらかしで申し訳ないです。 最近、 h2v.js はレスポンシブデザインのウェブベージに対応していないのか。 という問い合わせを何…

PCからなのか、モバイルデバイスからのアクセスなのかを "ざっくり" と判別する。

  • 投稿:
タイトルのとおりなのだけれど、とりあえず今やりたいのは、 アクセスしてきたブラウザが、ユーザの側でウィンドウサイズ変更可(≒PC)な奴なのか、そうでない(≒スマートフォンやタブレットの類)なのか。 ……

【CSS / JavaScript】インラインテーブル要素を、行に対してぴったり配置する。

  • 投稿:
ruby_enabler2.jsでは、ruby要素を正しくレンダリングしてくれないウェブブラウザに対して、 ruby要素:インラインテーブル(display:inline-table;) 内包するrb…

【HTMLルビ】両面ルビ表示を実現するJavaScript、出来ました。

  • 投稿:
  • / 更新:
ウェブページでどうしてもルビを使いたい / 両面ルビを表示させたい / 最新のHTML5勧告に基づく書式でルビをコーディングしたい…というコンテンツ制作者さんたち、こちらのスクリプトを試してみてくださ…

Firefoxでルビ表示を実現するJavaScriptブックマークレット。

  • 投稿:
  • / 更新:
さて、拙作ruby_enabler.jsと鋭意開発中のHTML5対応版ruby_enabler2.jsは「ウェブページの制作者側でルビ表示の適正化を行うためのJavaScript」です。 余談ですが、…

Internet Explorerで両面ルビのレンダリングに手こずっている理由。

  • 投稿:
  • / 更新:
さて、HTML5最終勧告で定義されたルビの書式を先取りしてやろう…と、ぼちぼちJavaScriptを書いているのです。 【2015.02.07 追記】  ruby_enabler2.js、完成版が出来…