web関連 - プログラミング
-
プログラミング
【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… -
プログラミング
【jquery】要素を追加するメソッドのメモ
2020/03/17プログラミングjQueryたまに使うんだけど、どこに追加されるのか覚えてないから備忘録 jQueryの要素を追加するメソッド // html <div id="content"> <div>テキスト&l… -
プログラミング
【wordpress】記事にパスワード保護があるかないかの条件分岐
2020/03/15プログラミングwordpressパスワード保護がかかってるかかってない、パスワードが正しかった正しくなかった時の条件分岐 正しいパスワードを入れた時の条件分岐 <?php if( !post_password_required( $post-&g… -
プログラミング
【css,js】css変数の書き方とjavascriptでの操作
2020/03/12プログラミングcss 言語-javascriptcssで変数(カスタムプロパティ)が使えるってことなんで備忘録 IEでは使えないっぽい css変数の使い方 //変数の定義 :root { --like-name: red; } //css変数の使い方 //プロパティ:… -
プログラミング
【wordpress・JS】トップページで記事を次から次へと読み込む方法
2020/03/06プログラミングwordpress 言語-javascriptwordpressでトップページにカスタム投稿の一覧を用意して「もっと見る」をクリックしたら記事の続きがどんどん表示されるって機能をつけたかったときの備忘録 必要なもの jQueryのプラグインautopager.jsを… -
プログラミング
【wordpress】記事のページIDの取得方法
2020/03/02プログラミングwordpresswordpressのループの中で記事のページID取得したかったときの備忘録 記事のページIDの取得方法 <?php the_ID(); ?> <?php echo get_the_ID(); ?>… -
プログラミング
【js】特定のclassを持つ要素をアンカーリンクで囲む
2020/02/28プログラミング言語-javascriptモーダルを使うサイトで特定のclassを持つ要素をaタグで囲んで、クリックしたらモーダルが開くようにしたときの備忘録 特定のclassを持つ要素をアンカーリンクで囲む モーダルは「FancyBox3」を使用 HTMLコー…