投稿者「user」のアーカイブ

(55) Ajaxで動的にコンテンツを追加表示

1. やりたいこと Ajaxとは Asynchronous Javascript + XML のこと。詳しくは Wiki を参照のこと。ここではボタン押下をトリガーに Ajaxで追加コンテンツをダウンロード＆表示して… 続きを読む »

1. 悩ましいことレスポンシブデザインでホームページを作成するとき、画面の横幅に応じたレイアウト調整を CSSに記述する。でも、世の中にはいろいろな画面サイズのデバイスが存在する。単純にパソコン/スマホの二択では… 続きを読む »

1. やりたいこと過去の３記事でやったことを一つのスクリプトにまとめて書いてみる。 (50) Node.js + gulpでcssファイルを自動圧縮 (51) Node.js + gulpで画像ファイルを自動圧縮 (5… 続きを読む »

1. やりたいこと JavaScriptファイルの更新を監視し、自動的に JavaScriptファイルを minifyしたい。 2. やってみる！ (50) Node.js + gulpでcssファイルを自動圧縮とほと… 続きを読む »

1. やりたいこと JavaScriptファイルの更新を監視し、自動的に画像ファイルを minifyしたい。 2. やってみる！ (50) Node.js + gulpでcssファイルを自動圧縮とほとんど同じだ。ファ… 続きを読む »

1. やりたいこと cssファイルの更新を監視し、自動的に cssファイルを minifyしたい。 2. やってみる！下記の方法2, 方法3では Node.jsを使うため、事前に Node.jsをインストールしておく。… 続きを読む »

1. やりたいこと・Windowがフォーカスを失ったらアニメーションを停止する。・Windowがフォーカスを取得したらアニメーションを再開する。のようなことをやりたい。 2. やってみた！ (1) アニメーションの… 続きを読む »

1. やりたいこと・Windowがフォーカスを失ったら〇〇する。・Windowがフォーカスを取得したら□□する。のようなことをやりたい。 2. やってみた！フォーカスONのとき… フォーカスOFFのと… 続きを読む »

1. やりたいことブロック要素の縦横比を固定したい。 2. やってみた！ (1) 高さを幅の 70%に固定する。 Window幅を変化させた場合、追従して高さも変化する。 CSS における ::before は、親要素… 続きを読む »

1. 問題発生リンクバナー上のマウスオーバー時に a:hover で CSSアニメーションさせた。すると… iPhone, iPadでのリンクバナー押下時にリンク先に飛ばない。 ※Android端末では未… 続きを読む »