WEBデザイン Flexbox 16 (justify-content／align-items／align-contentの違い)
justify-content のプロパティオプションは前に紹介したのよりもっとたくさんあるらしい。 また、どう違うのかがいまいち分かりにくいので、全部実際に試してみる。 justify-contentオプション center■■■中央寄せ...
"Chrome"
WEBデザイン WEBデザイン Flexbox 14 (Flexbox非対応ブラウザのためにFloatを入れてみる)
Flexboxに挑戦の9番目の記事で、Flexbox 非対応ブラウザで見た場合、回り込みが解除されて縦一列になってしまうという記事を書きました。 ブラウザは、基本的には、「知らないスタイル指定は無視する」という動作をするようなので、Flex...
WEBデザイン スマホでの見え方をPC上のブラウザから確認するには
サイトのデザインをしていて、スマホでの見え方を確認したいとき 一番確実なのは、スマホで見てみれば良いわけですが(笑) しかし、スマホと言ってもAndroidとiOSがあるわけで、また機種によって画面のサイズも違っていますので・・・ 自分が持...
WEBデザイン Flexbox 8 (並び順と中央寄せ)
「flex-direction」は並び方を横に並ばせるか縦にならばせるかを指定する。 「flex-direction:row;」だと横並び（左から右へ） 「flex-direction:column;」だと縦並び（上から下へ） 例１ row...
WEBデザイン フレックスボックスに挑戦 2 (改行問題)
フレックスボックスは、中に数が定まっていない複数のアイテムが詰め込まれるような状況が得意ということですかね。（うまくレイアウトを調整して埋めてくれるような感じ） #main .smpl1{ width:300px; border:2px s...
エンターテイメント・アート これほど美しい字を書く人を見たことがない【書道家・岡西佑奈さん】
自慢じゃありませんが、私は字が下手です(笑) 字のうまい下手は、ある程度性格を表していると思いますが、注意力散漫になりがちな私らしい、とっちらかった字を、子供のころは書いていたと思います。 私の父は、とても字が上手かった。あるとき、父の書い...
便利ツール／ソフトウェア Firefox で広告バナーが表示されなくなった(？。？)原因は・・・
Firefox で広告バナーが表示されなくなった 自分のサイトだけでなく、他のサイトの広告も表示されない。 Google Chrome などの他のブラウザならちゃんと表示されている。 つまり Firefox 特有の問題のようだ。 最近何か設...
PC／ネット WordPress の編集画面の配色を変えたい
VAIO(ノートパソコン)で作業していると目が疲れるのですよね(＊。＊) （液晶がショボいから） で、目が疲れにくいように、背景を明るい色から暗い色に、文字を暗い色から明るい色に反転させたいと思ひ。。。 まず、WordPressの標準の設定...
PC／ネット 表示されているページを自分好みのデザインに強制的に変更できるアドオン
「Stylus」というアドオンを使うと、自分が今見ているページのデザインを変更することができます。 これがどんな時に必要かというと――― 例えば、下記のようなデザインのページがあったらどうでしょうか？ ひとまず何はともあれ、そうした幸福・仕...
PC／ネット 請求書をもらうのは嬉しくないですね(笑)
請求書が来た。 そうだった、先日のクーラーの修理の代金を払っていなかった。 別に延滞したわけではなく、後で請求書送ると言われただけだけど。 考えてみたら、「請求書」なるものをもらう機会は私の人生には滅多になかったなぁ・・・ 「請求書をもらう...
PC／ネット Google画像検索から画像を表示がなくなって
Google画像検索から「画像を表示」ボタンがなくなった・・・ ・・・ 地味に不便だ・・・ ・・・ なぜそうなった？ どうも、Googleが著作権を侵害しているとGetty Imagesという会社から訴訟を起こされていたのが原因だとか・・・...
PC／ネット Firefox Quantumでもフォントにアンチエイリアスがかかってる？！
前に、Firefox Quantumではフォントのアンチエイリアスがかからないと書きましたが、Windowsのユーザーを作り直して新しいユーザーで開いてみたら、ちゃんとフォントにアンチエイリアスがかかっていますね・・・ 旧ユーザーでの表示 ...