【jQuery】CSSの擬似要素::beforeや::afterのcontentプロパティを動的に変更する方法
CSSの擬似要素::beforeや::afterを使って、文字列や画像等を挿入することありますよね。挿入したい内容は、下記のように、contentプロパティの値に指定しておけば、要素の直前か直後にCSSだけで擬似的に挿入…
TAM のテクニカルチームがお届けする WEB技術ブログ！
CSSの擬似要素::beforeや::afterを使って、文字列や画像等を挿入することありますよね。挿入したい内容は、下記のように、contentプロパティの値に指定しておけば、要素の直前か直後にCSSだけで擬似的に挿入…
Dreamweaver CC 2015から搭載されている、DOMパネルについてご紹介します。 主にコーディングはDreamweaverのコードビューしか使っていないという人も、その他のテキストエディタを使っているという人…
NaN(Not a Number)は、数値以外であることを表す特別な値です。 等価演算子（==）と同値演算子（===）では、どちらかの値がNaNの場合は常にfalseを返すため、 NaNであるか判定することができません。…
localStorageにデータを保存する場合、1つのキー（key）に対して1つのデータしか保存できませんが、 複数のデータを保存・取得したいときの方法をまとめておきます。
Ajaxで動的にコンテンツを入れ替えるようなWebページでも、pushState、popStateを活用すると、履歴を追加し、ブラウザバックに対応することができるらしい。ということで、調べたことを簡単にまとめました。
フォームでよく使うチェックボックスやラジオボタンを、簡単にカスタマイズできるプラグイン「iCheck.js」をご紹介します。 利用方法は簡単で、通常通りマークアップされたチェックボックスやラジオボタンに対して、.iChe…
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるよ…
JavaScriptのデバッグで、特定の処理を行うコードを探す作業は、コードの規模が大きくなったりすると、 時間がかかってしまうことがあります。 Google Chromeに付属されているChrome Develop…
フォントサイズを指定するとき、「em」、「%」、「px」を使って指定することが多いと思いますが、 CSS3から利用可能になった「rem」という新しい単位について、指定方法など調べてみました。
■Webフォントとは Webフォントは、CSS3から新たに追加された仕様で、サーバーにアップロードしたフォントデータをCSSで呼び出して利用するので、ユーザーの閲覧環境に依存せず、誰が見ても同じフォントで表示されるように…