些細な日常

アドセンスの自動広告は最初の頃と比べると出方が良くなってサイトのデザインを崩すことが少なくなって来た。それでも 偶に突き抜けたりして修正できるにしても 使い辛い面がないわけではない。しかしながら最も多いのはコンテンツとの隙間がおかしくなる。近過ぎたり、遠過ぎたりする。気にするかしないかの微妙なズレではあるだけれども個人的…

display:gridでセルの配置を決めるgrid-template-columns（列）やgrid-template-rows（行）の値のfrと%はどちらもグリッドレイアウトの全体の中の割合（占有率）を示すから同じではないかと思うけれども少し違っていて使い方を誤るとデザインが崩れる場合もあるから注意しなくてはなら…

サイトにヘッダーへの戻るボタンなどをスクロールしても変わらない位置にCSSのposition:fixedで普通に貼り付けると大画面でサイトの幅を越えてしまうので、コンテンツからはみ出さず、サイトの表示領域の範囲内に収める方法を考える。 calc()によるposition:fixedの位置の算出 CSSのposition:…

JavaScriptで時間を数えてスタートとストップとリセットの三つのボタンで操作できるストップウォッチのプログラムを組む。 目次 ストップウォッチの計測時間の表示 ストップウォッチのソースコード 時間を数えて表示するプログラムの概要 時間を数えて表示するプログラムの説明 ストップウォッチの計測時間の表示 00:00.00.00 ス…

HTMLのiframeタグのコンテンツは画像比がデバイスの画面幅に レスポンシブ で統一できない。およそスマホで画面の横幅一杯に表示したりすると縦幅が変わらないためにコンテンツの画像比が変わってしまうのが厄介なんだ。YouTubeやドライブなど、Webサービスの埋め込みコードにはiframeタグが良く使われるけれども画面…

サイトに インラインSVG で描画する場合に線の両端や頂点のデザインを付ける三つの属性が使える。SVG画像が実際にどんな形状で表示されるかとそれぞれの使い方のデザインについて考えてみたい。 stroke-linecapは線の両端の形状を指定する 三つの値を持っている。 butt（切り出し／真っ直ぐ） stroke-linecap…

Bloggerで写真や絵などの画像を一つの記事に何枚も投稿する場合に縦並びだけではなくて横並びやグリッドデザイン（縦横を均等に表示する／タイル張り）を望んだりもする。複数の投稿画像のレイアウトを変える機能は付いてないので、自分で考えてブログの複数の投稿画像のデザイン変更するしかない。 サイト作成で CSS のGrid La…

ブロガーの大半はサイト広告を使ってもしっかり稼げない。世の中の七割のブログは一日のアクセスが五十人以下みたいに聞く。そして一割が千人以上なので、月収一万円は固くて調子が良ければ十万円くらいまで稼げるかも知れない。 当面、十人に一人のブロガーというと簡単そうに受け取るにせよ、アクセスならば正しく厳しくて一日千人以上を目指…

昨日、競馬の天皇賞（春）をテレビで久し振りに観た。 キタサンブラック が一番人気で、僅差で二番人気の サトノダイヤモンド と二強対決の様相を呈していた。 昨年末の有馬記念でサトノダイヤモンドがクビ差でキタサンブラックを負かしていたらしくて物語性も強かった。キタサンブラックは雪辱を果たせるか、サトノダイヤモンドはやはり寄せ付けな…

色々、いっては来たにせよ、誰かと出会って明らかに優しいと感じることは実際には少なかったらしい。僕には 透き通った心の持ち主 がいたから比べても仕方がないけど、または他には一回もなかったみたいに特別に思わされるような経験が得られた。 ある人を見ていて感じて思った、優しいと。気にかけてくれるだけを嬉しがる僕だったとしたら紡ぎ出…