js・jQuery リロード後も指定のタブを表示させる
タブ切り替えのページ内で「お気に入りに保存」するボタンがあったんですが、お気に入りに保存したら1つ目のタブに戻ってしまいました。ユーザー的によくわからない仕様になっていたので直しました。 その時のタブ切り替え機能は別の人が設置したものなので...
js・jQuery
js・jQuery 
html・css slick.jsでスライダーする要素にパディングをつけてはいけない
slickを使用してスライダーを何度か作成したことがあったんですが、スライダーの中身が画像だけじゃないときになかなかうまく動かなかったので、メモしておきます。 通常、slickを使用するときはスライドしたい親タグ(下記の例だと「slider...
js・jQuery 期間が過ぎたらアイコンを非表示にするJava Script
webサイトでよく目にするnewアイコン。 いつまでもnewアイコンつけたままの場合も多いです(あまりよろしくない)が、クライアント先によっては、数日後に消してくださいということもあります。 数日後、忘れずに消せばいいのですが、結構な頻度で...
js・jQuery jQueryでスクロールしてふわっと表示させる方法
以前スクロールしたらふわっと表示させる方法として、animate.cssとWOW.jsを利用すると簡単にできるという記事を書きました。 この方法だと簡単に導入できるのですが、商用サイトだとWOW.jsを利用するのに料金が発生してしまいます。...
html・css 簡単！スクロールでふわっと表示させる方法
スクロールしたらふわっと表示するサイトが増えていますよね。 なかなかそういうサイトをコーディングする機会がないのと、難しそうだったので躊躇していました。 でも、Animate.cssとWOW.jsを使えば簡単にできるんですね！ 「Anima...
js・jQuery jQueryでタブの中身を表示・非表示切り替えする
タブ切り替えとアコーディオンを組み合わせたようなものを、jQuery事始めvol.3・プラグインに頼らず自分でクリックで切り替わるタブメニューを作ってみるを参考 にして作成しました。 作成したいものは下記になります。 作り方はトグルに似たよ...
html・css bxsliderで両サイドに画像を表示させて横スクロールさせない
bxsliderで両サイドに画像を表示させたことは以前もあったのですが、忘れて思い出すの大変なのでメモしておきます。 bxsliderからソースをダウンロードしてきます。 html内でjqueryとダウンロードしたjsを読み込みます。 sc...
html・css ヘッダー固定してページ内リンク時のヘッダー高さずれを解消する方法
ヘッダー固定してページ内リンクすると、ヘッダーの高さ分ずれてリンク先へ遷移します。 jQueryで直す時、最初うまくいかなかったのでメモしておきます。 CSSでずれを回避する方法 cssで調整するなら、下記のような書き方でずれが直ります。 ...
html・css simplePagination.jsで指定ページにリンクする方法
simplePagination.jsは、簡単にページネーションを表示させることができるのですが、そのままだと指定ページが表示されず、1ページ目が表示されます。 今回、ページ指定して表示させたかったので、下記ブログを参考にさせていただきまし...
html・css FlexSliderを使って高さを保ったまま幅いっぱいにスライダーさせる
レスポンシブにも対応して画面いっぱいスライダーさせることは今までもやってきたんですが、高さを保ったまま幅いっぱいに画像をスライドするのにてこずったのでメモしておきます。 今回使ったのはFlexSlider 高さを保ったままで横幅いっぱいに画...