web関連
-
プログラミング
【wordpress】子タームを持つ親タームに子タームを見出しで区切って出力する方法
2020/04/11プログラミングwordpress親タームに紐づく子タームの記事を各子タームごとに出力したかったときのメモ 親タームページに各子タームに紐づく記事を出力 何がしたいかというと 【親タームページ】 [子ターム1に紐づく記事][子ターム1に紐づく記事]… [… -
プログラミング
【css】ブラウザごとにcssを反映させる方法
2020/04/10プログラミングcss ブラウザIEの時だけcssを反映させたいって時があるので備忘録 ブラウザごとにcssを反映させる方法 <style> /*IEだけに適用*/ @media all and (-ms-high-contrast: no… -
プログラミング
【javascript】リダイレクト処理をする際の注意という記事について
2020/04/02プログラミング言語-javascriptもし、検索エンジンから入ったページでリダイレクト処理がかかってて特定のページに飛ばすとリファラーが自サイトになるのとurlのパラメーターが抜け落ちるみたいなことが書かれている記事があったので備忘録 備忘録 リダイレクト周… -
プログラミング
【jQuery】スクロールして指定したリンクが画面内に入ったら自動でリンク先に遷移
2020/04/01プログラミングjQueryブログサイトに自動スクロール&自動ページ遷移機能を実装したかった時の備忘録 今回はスクロールして該当のリンクがあったら自動でページ遷移する機能を実装する スクロールして指定したリンクがあったら自動遷移するソース… -
プログラミング
【css】backgroundのlinear-gradientで使った斜めの線ががギザギザになる件
2020/03/30プログラミングcsscssのグラデーションを作るbackground:linear-gradient()で作成した三角形の斜めの部分がギザギザのジャギったので備忘録 calc()を使ってジャギを回避 calc(50% + 1px)を使って1… -
プログラミング
【js】javascriptとjQueryの幅の取得方法
2020/03/27プログラミングjQuery 言語-javascriptjavascriptとjQueryでの幅の取得方法の備忘録 要素の幅を取得するjavascriptとjQuery 前回まとめきれなかったので実質前回の続き 使用するソースコード <style> #conten… -
プログラミング
【javascript,css】svgで複数の円グラフアニメーション2
2020/03/26プログラミングcss jQuery 言語-javascript前回、svgで複数の円グラフアニメーション作ったけどその続きでレスポンシブに対応させたアニメーション付き円グラフ 前回の続き レスポンシブに対応した円グラフアニメーション 円グラフが入ってるdiv要素の幅を取得して円グラ… -
プログラミング
【javascript】paddingを含まない幅の取得方法
2020/03/25プログラミングjQuery 言語-javascriptjavascriptでpaddingを含まない幅を取得しようとした時の備忘録 javascriptでpaddingを抜いた幅の取得方法 先に言っておくと最終的にはpaddingを含まない幅を取得するのにjQueryの.w… -
プログラミング
【javascript,css】svgで複数の円グラフアニメーション
2020/03/24プログラミングcss 言語-javascriptカスタムデータ属性に入れた数値をもとにアニメーションする円グラフを作成したときのメモ 円グラフのソースコード とりあえず円グラフ2個用意した <style> .pie_chart{ transform:rot… -
プログラミング
【jQuery】タブ切り替えの対象が複数ある時
2020/03/18プログラミングjQuery一つのタブで複数の要素を切り替えようと思った時の備忘録 タブ切り替えの対象が複数ある時のソースコード デモ <style> .js_content div{ display: none; } .js_cont…