jQuery
この記事でできるようになること jQueryを使わずに#myID .myClassみたいなセレクタが使えるようになる ちょっとしたjavascriptを書くだけなのにCSSっぽいセレクタを使って楽したいがためにjQueryライブラリを読ませるのは面倒。 document.getElementById('aa…
この記事でできるようになること ヘッダー、フッターなどの共通部分のHTMLを別ファイルとして管理 切り出したHTMLファイルをjQueryで動的に読み込む PHPなしで制作するWEBページは管理が煩雑になりがち HTMLでホームページを構築する際に気をつけたいのが作…
今週セールページを用意するときにタイムセールの枠を作ることになったのですが、カウントダウンタイマーを自動で表示して終わったら非表示にできないかとscriptを探していたらこんなものを見つけました。 http://qiita.com/dribble13/items/3eb39726aba33ad…
.hogehoge { pointer-events: none; } 例えば商品ページの商品画像にリンクが貼ってある状態で、 その商品が売り切れになり、商品画像の上に「売り切れ」などの文字が入ったの画像を .soldout { position: relative; } .soldout:after { content: "" display…
IE11では正常にhtmlが読み込まれるのに対して、IE10では表示されない。 IE10は.load()メソッドは対応しているはずなのに・・・。 まず疑ったのはキャッシュ。 キャッシュを全て削除して更新してみたが改善されない。 原因は・・・・。 <script> $(function() { // 文…
タイトルではちょっとわかりづらいかな・・・。 例えば <h1>見出し</h1> というHTMLがあったときに、jQueryで <h1><div>見出し</div></h1> というふうに内側のテキストなどをタグで囲める。 通常なら普通にタグを記述すればいい話なのだが、 サイトを立ち上げてからかなり時間がたち全ての…
ページ内でのリンクを貼る場合 <a href="#pagetop">ページトップへ戻る</a> などと書きますよね。Q&Aのページなどの場合大変便利。 でもこれ、普通にリンクを貼るだけだと瞬間的に画面が切り替わってスクロールされている感が少ない! ちょっとこだわったサイトだとすーーっとスクロ…
仕事でWEB制作している時に使ったもののメモ書きです。 年々回線速度はアップしているが、画像が多いページの場合は完全にページを表示するまでに時間がかかってしまうもの。 読み込んでいる間に右画像のようなローディング画面を表示する方法のうちなるべく…