WEBデザイン CSSでも変数が使える(ただしIE非対応) CSS内でも実は変数が使えます。書き方はセレクタ { --好きな名前:値;}使う時var(--好きな名前)◆具体例1宣言p { --haba:300px;}使う時p{ width:var(--haba);}◆具体例2宣言p { --fnam... 2019.10.07 WEBデザイン
WEBデザイン バナー広告の下にできる余分な隙間をなくすには? サイドバーに広告ウィジェットを置いていますが、A8やもしもの広告を貼ったら、下に謎の隙間ができてしまうように。まぁ気にするほどでもないと言えばないかも知れませんが・・・・・・気になる~(笑)下に貼ってみます、環境によるかも知れませんが、多分... 2019.10.07 WEBデザイン
WEBデザイン JAVASCRIPT でうまくいかなかったときのミス覚書 ド素人が検索しながらJavaScriptの勉強をしていく上で、上手く行かなかった時にやってたミスなどハマった時のチェックリスト覚え書き(さらに追記されていくかも。)◆外部スクリプトが読み込まれていない事前に読み込まれているはずの外部スクリプ... 2019.10.06 WEBデザイン
WEBデザイン 配列を使ったおみくじ 今日の運試しにいかが? JavaScriptのお勉強(番外編)配列からランダムにデータを取り出す方法を応用して、おみくじボタンを作ってみました。配列に「大吉」「中吉」みたいなのを格納しておいて、ランダムに表示させるだけですね。さて、今日の運勢は?(笑)占う#mai... 2019.10.05 WEBデザイン
WEBデザイン ランダムに表示される広告の出現率を変える JavaScriptのお勉強(6)前回の(5)で、秒数を取得して偶数か奇数かで配信される広告を「ASP-1」か「ASP-2」かに割り振りましたがこれだと、比率が50%:50%に固定されてしまいますね。例えば「ASP-1」を2割、8割は「AS... 2019.10.05 WEBデザイン
WEBデザイン ブログ大改造終了!表示が早くなった!\(^o^)/【結論:スクリプトはなんでも外部非同期化すれば良いわけではない】 【結論:スクリプトはなんでも外部非同期化すれば良いわけではない】ここ2週間ほどJavaScriptの勉強をした成果?で、スクリプトをとにかく非同期化すれば良い、というものではないという結論に… 2019.10.05 WEBデザイン
WEBデザイン 広告ランダム表示スクリプトv2 JavaScriptのお勉強(5)とりあえず、Google Adsense だけなら、今はGoogleの広告コードは非同期に変更されていますので、コードをそのまま貼れば良いわけですが。でも、Google以外のアフィリエイト広告も貼りたい。広... 2019.10.04 WEBデザイン
WEBデザイン 配列/配列からランダムに抽出【JavaScript】 配列の宣言には2種類の書き方があるそうです。(A)var hairetsu = new array();(b)var hairetsu = []これで、空の配列が宣言されました。(配列を空にすることを「初期化」と呼ぶ)中身のある配列を宣言す... 2019.10.04 WEBデザイン
WEBデザイン innerHTMLの中でスクリプトを動かす事はできない?【JavaScript】 (1)インラインでdocument.write(2)インラインでinnerHTML(3)上の(1)を外部スクリプト化(同期)(4)上の(2)を外部スクリプト化(同期)(5)上の(1)を外部スクリプト化(非同期)(6)上の(2)を外部スクリプト化(非同期)… 2019.10.04 WEBデザイン
WEBデザイン 任意の範囲のランダムな整数を生成する 例:0~Xの範囲の整数を生成するにはvar num = Math.floor( Math.random() * 範囲の最大値 );Math →JavaScriptの組み込み関数(いろいろな数学的処理ができる)Math.floor() →メソ... 2019.10.04 WEBデザイン
WEBデザイン 三項演算子とは【JavaScript覚書】 ある条件式の結果が「真(true)」の時に実行するコマンド、「偽(false)の時に実行するコマンドを指定する書き方。一般的なif (条件式) { コマンド } else { コマンド }という書き方を簡略した書き方この三項演算子が使えるス... 2019.10.04 WEBデザイン
WEBデザイン 演算子「 ==」【JavaScript覚書】 ※演算子「 == 」は比較演算子と言い、左右の式の値が同じ時に真(true)、異なる時に偽(false)を返す。例:以下の場合、「 a 」と「 b 」の値が一致していないので、偽(fales)になるので、comannd2が実行される。<sc... 2019.10.04 WEBデザイン