Javascript(jQuery)

カルーセルスライダー「slick」の設置方法

jQueryのスライダープラグイン「Slick」の設置方法と設置時の気づき、注意点などまとめ。 設置方法 開発者さまのサイト。 設置手順は大まかに3つ。 必要ファイルの読み込みSlick実行部分のHTML記述JSに...
CSS

CSS 画面サイズに合わせて改行<br>の有無を指定する

レスポンシブなサイトで端末の画面サイズ毎に改行位置を指定する方法。
CSS

jQuery/CSS 連番を自動的に付与する方法

HTMLで言うところの<li>のような連番を、CSSやjQueryで自動付与する方法を知ったのでメモ。
Javascript(jQuery)

jQuery クリックで表示させたUIを、UIの表示領域以外をクリックして非表示にする

ウィンドウの右端もしくは左端などに配置され、クリックするとメニューが表示されるようなUI(ドロワーメニュー)で、表示されるメニュー以外の領域をクリックするとメニューを隠す挙動をjQueryで試したのでメモ。
Javascript(jQuery)

jQuery スクロールで固定ヘッダーを透過させる

固定したヘッダーにナビゲーションリンクなどがある場合に、ヘッダーを画面上部に常に表示させるとユーザビリティが向上することがあると思います。しかしながらヘッダーを固定するとヘッダーの高さ分、表示領域が少なくなります。jQueryでスクロールし...
WordPress

WordPress 固定ページごとに特定のCSSを適用する

WordPressの固定ページでjQueryやCSSのデモページを作りたいと思い 固定ページ毎にCSSを管理できたら無駄がないと考え、調べてみたところ、 以下の記事を見つけ参考にしました。 wordpressで特定のページにの...
Tumblr

Tumblr 新規にPages(ページ)を作成しても内容が表示されない現象

TumblrのPages(以下、ページと表記。)を作成してもページとして編集した内容が空白になり、 ヘッダーなどその他パーツしか表示されない現象が起きてかなりはまってしまったのでメモります。
Javascript(jQuery)

jQuery 特定要素が存在する場合に処理を実行する

自分用にWEBデザインのギャラリーサイトを作成しています。 WCG (Web Catalog Gift) 特定要素の存在有無により表示/非表示を切り替えたい場面があったので処理の仕方を検索。 自分としては見慣れない...
タイトルとURLをコピーしました