WEBデザイン 演算子「 % 」【JavaScript覚書】
※演算子「 % 」は割り算の「余り」を出力する。 偶数は2で割ると必ず割り切れるので、例えば num % 2 == 0 という式が真（true）であれば偶数、偽（false）であれば奇数であるという事が判別できる。 ⇒ 比較演算子「 == ...
WEBデザイン
WEBデザイン WEBデザイン 変数の宣言【JavaScript覚書】
JavaScriptの変数の宣言覚書 宣言の仕方 var 変数名; var 変数名 = '内容' ; 例 var test = 1 ; var test = 'hogehoge' ; var test = document.getEleme...
WEBデザイン document.write の代替に何を使えばよい？【JavaScript】
JavaScriptのお勉強(2) (1)で「document.write」はサイトの描画が遅くなるので非推奨らしい」と書きました。 具体的には、PageSpeed Insightでの評価が下がってくる、と言う事のようです。 この評価が低い...
WEBデザイン JavaScriptのお勉強(1) document.write
JavaScriptのお勉強(1) スクリプトとかあまり余計なギミックは使わない方針で長らく来ましたが、広告貼るようになると、嫌でもJavaScriptは使わざるを得なくなってきます。 そこで、やむを得ず、いまさらながら、JavaScrip...
WEBデザイン Cocoon高速化（HTML圧縮）さらにいくつか問題点の修正
Cocoonの高速化機能を実行してみて、いくつか修正しなければならない点がありました。 ひとつは、スタイル記述時のコメントアウトの削除 HTML圧縮機能をオンにすると、コメントアウトが全て削除されるようです。 そのため、bodyタグ内にある...
WEBデザイン 高速化(html圧縮)に対応させてみた
PREタグでレイアウトが崩れる問題も原因が分かりましたので、 いよいよ、Cocoonの高速化機能のひとつ、html圧縮機能に対応させてみました。 この機能、どうやって実現しているのか技術的な事は詳しくは分かりませんが(^^;) html圧縮...
WEBデザイン PRE in BLOCKQUOTE TEST
こんな事で悩んでいたのは世界中で私だけかも知れませんが・・・以前から、ずっと、preタグの挙動がおかしくて悩んでまして。結局解決できずに、「preタグについてのブラウザごとの挙動が違っている」的な解釈で諦めて。Pタグにwhite-spaceを使う事でpreタグの代わりにしてきましたが。ついに原因を突き止めた！！＼(^o^)／
WEBデザイン Cocoonカスタマイズ カテゴリーウィジェットの投稿数を左寄せ・括弧付きに
Cocoonのカテゴリーウィジェットの投稿数が右寄せになっていたので、これを左寄せにしてカッコをつける形に修正。 ※Simplicityは左寄せでカッコがついていたと思うのですが、デフォルトでそうだったか、もう覚えていない(^^;) デフォ...
WEBデザイン 【乗り換えるべき？】「Simplisity」後継テーマ「Cocoon」【結論】
というわけで、ブログのテーマ（記事の内容じゃなくて、ワードプレスのデザインのテンプレートですよ）を「Simplicity2」から「Cocoon」に変更したわけですが。 数日かかってしまいましたが、なんとか前と同じデザインを復元できました。 ...
WEBデザイン 【Cocoon】高速化設定を諦める…
「Simplicity」後継テーマの「Cocoon」を試していますが。 Cocoonの目玉機能？に「高速化」という項目があります。 ※「Cocoon設定」→「高速化」 これは、HTMLやCSS、Javascriptなどを圧縮して高速化を図る...
WEBデザイン PREタグの中でプロポーショナルフォントを使うTEST
.font_test_area{border:solid 1px silver;margin:0 0 1.6rem 0;background:#ffe;} 以前から不思議だったのですよね。 PREタグの中は標準では自動的に等幅フォント（総称...
WEBデザイン ブロクの表示高速化、試行錯誤あれこれ（ Cocoon vs Simplicity )
ブログの表示速度（PageSpeed Insightsでの計測結果）をあげられないか、試行錯誤してみました。 (1)スクリプトの読み込みをヘッダーからウィジェットに移動 外部ファイルになっているJavascriptの読み込みをヘッダー内に追...