iPhoneで動画をブラウザ内で再生する
iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約...
JavaScriptでaudioを作成する
HTML上にaudio要素を埋め込むのではなく、JavaScriptでaudioを作成してから音を再生してみます。...
WordPressのhead周りを実装してみる
head周りで使いそうなテンプレートタグをいくつか試してみたのでメモ。...
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
borderに画像を指定する
borderに画像やグラデーションを指定できるborder-imageを使ってみます。...
カーソルに画像を使用する
cursorに画像を指定してみます。...
background-clipを使ってみる
backgroundの領域範囲を指定できるbackground-clipを試してみます。...
WordPressでテーマを作成する準備
WordPressでテーマを作成する際に、最低限必要なファイルや作成方法を調べたのでメモ。...
jQueryのtoggleClass()を使ってみる
要素にclassの追加・削除を行えるtoggleClass()の使い方を調べてみました。...
2016年を振り返ってみる
2016年1月1日～2016年12月29日までの当ブログの投稿数やアクセス数を見てみます。 去年の記事はこちらです。...
background-originを使ってみる
背景画像の基準位置を指定するbackground-originを使ってみます。...
Android2.3でfont-size: 0;が効かない
display: inline-block;とfont-size: 0;で横並びにする実装をしていたのですが、Andro...
jQueryで複数のclassをまとめて追加する
jQueryで複数のclassをまとめて追加する方法をメモ。...
background-sizeの使い方
background-sizeで設定できる値について調べてみました。...
areaタグの位置をoffset()でうまく取得できない
areaタグの位置をjQueryのoffset()で取得しようとしたところ、IEでは取得できたのですが、Firefoxと...
HTML5のpictureを使ってみる
HTML5のpictureタグを使ってみます。...
jQueryで複数指定のあるclassを取得する方法
1つの要素に対してclassが複数指定されているときに、classを全て取得する方法がすぐに思いつかなかったので、調べた...
overflow-scrollingを指定するとscrollイベントが発生しない
overflow: scroll;を指定した要素に対してoverflow-scrolling: touch;を指定すると...
イメージマップにJavaScriptでイベントを追加する
イメージマップのareaタグにJavaScriptでイベントを追加できるかどうかを試してみました。...
FLOCSSについて調べてみた
FLOCSS(フロックス)はCSSの設計手法の一つで、OOCSSやSMACSS、BEMなどのコンセプトが取り入れられてい...