スライドが1枚の時はJSを動かさない

スライド画像が1枚の時に、動きを止めたりページャーを非表示にしたい ↓ スライド画像が2枚以上の時にJSを動かす よく使うbxsliderでの記述例。 [cra…

HTML5では、JavascriptのTYPE属性は省略可

HTML5.0ではTYPE属性の初期値がtext/javascriptなので、JavaScriptの場合は属性の指定は不要になったみたい。 [crayon-57…

ホバーで出てくるモーダルウインドウ

クリックしたら出てくるものが多いけど、今回はホバー版。 モーダルウインドウのサイズが大きいとかなりストレスになる。  

クリックしたら次回から表示しないようにするJS

スマホサイトでよくある。 fixでアプリなんかの情報を表示させてるけど、 一度非表示にしたら再読み込みしても、以降は非表示のままにさせる。 cookieを取得、…

Canvasを使った、波のアニメーション

HTML5のcanvasを使ったアニメーション。 ただ、現状JSも書かないと実用的なものはできないみたい。 波のアニメーションを使用している参考サイト ・ESP…

シンプルなhoverのJS

EC-CUBEを参考に。 シンプルなホバーJS。

 

EC-CUBE : PC表示のみにする

EC-CUBEのデフォルトでは、スマホ、ガラケーとデバイスでそれぞれのテンプレートへ振り分けられる。 スマホでもガラケーでもPCのテンプレートを表示させたい時は…

Facebook Pagepluginのレスポンシブ化

いろいろ試しましたが、うまくいったのはこちら。 参考 FacebookのPage Pluginのレスポンシブ対応完全版!ページ読み込み時に一瞬見える空白対策も完…

レスポンシブ省略テキスト

hoverしたら画像に少しだけ下線が出る問題

たまに遭遇する現象。 解決方法① imgタグの外側にある、aタグに a {text-decoration: none;} のスタイルを追加   解決方…