うらなりの独り言

何年ぶりかのトップページ再々リニューアル 何年間もこのまま 何年か前にリニューアルしたホームページのトップページを再リニューアル。このところ毎日bootstrapを使ったレスポンシブページの作り方をYouTubeで見ていたので、少しは以前よりは良いページになるかも?とおも...

Google Chrome の拡張機能で良い物を見つけました。 これまでブラウザで閲覧中のページを印刷しようとしてもあまり問題は無かったのですが、モバイル対応したレスポンシブなページでは旨く印刷できなくなってしまいました。 自分の作っているホームページも、見てくれている...

もう少し簡単に理解できるかと思っていたbootstrap4でしたが、変更の度合いが大きく、クラス名も変わっているものも多く、大苦戦です。 ナビゲーションの為のパーツ、navbar など付け加えられたクラスが多く、もう頭の中はパニック状態です。なんで、リンク項目が左に寄っている...

これまでホームページ（趣味の範囲）はパソコン画面に応じたデザインでしたが、1年ほど前からモバイルにも対応したレスポンシブなデザインにトライしてきました。 デザインなど全く素人の自分ですからパソコン画面にもモバイル画面にも対応できるデザインなど出来るはずが無いです。 そ...

これまでbootstrap のグリッドシステムでは12を割り切れる整数のカラム数しか出来ないと思っていましたが、5カラムにする方法を知りました。 参考にさせて貰ったのは こちら 。 自分のＨＰは元々大したものでは無いので、５カラムになったところであまりどうっ...

safari でもカラム落ちしていません 半年以上悩み続けてきたBootstrap のグリッドシステムでのカラム落ち、それもsafariだけに起こる現象のため訳が解らず既に半年以上、というかそろそろ１年経ってしまいます。 問題の起きるブラウザはsafariだけなので（...

昨夜、自分のHPのちょっとしたミスに気が付きました。と、言うのはレスポンシブになっているページの幾つかのページで、何故か横スクロールバーが表示されていて、少しだけ表示されていない部分があったのです。このスクロールバーを動かして、右端まで表示させるとそこには訳の分からない余白が出来...

左 safari   中 Chrome  右 Firefox 左から safari  Chrome  Firefox  それぞれのスクリーンショットです。 bootstrap のグリッドシステムを使った場合、safariだけが右端のカラムが落ちてしまう、いわゆるカラム...

トップページは何とかなったものの、不具合もあるのです。ブラウザによってグリッドシステムで複数カラムのレイアウトにすると、パソコンで見ると、 chrome やFirefoxでは問題ないのに、Apple のsafariだけは右端のカラムがカラム落ち してしまいます。それも最初の行だけ...

レスポンシブデザインにしてモバイル対応したトップページ 2000年に立ち上げた私のホームページですが、17年間基本的なレイアウトは変わらずに来ました。しかし、いかにせん時代遅れのお粗末なトップページなので、17年ぶりに大幅に変更しました。 まずはBootstrap を...