WEBデザイン トップページ(記事リスト)と記事ページで背景の色を変える
Simplicityで、トップページをエントリーカードにした場合で、トップページの記事一覧の状態と、個別の記事を表示させた状態で、背景の色を違うものにしたい。最初からずっとこれを目標にカスタマイズに挑戦してきたのですが（というか後回しになっ...
WEBデザイン
WEBデザイン 
WEBデザイン 日本語の単語折り返し問題
前に、テキストが自動で折り返される設定にしている場合の単語の区切り方を指定する方法で、「word-wrap:break-word;」（「overflow-wrap:break-word;」）ならば、単語の区切りを考慮してインテリジェントに改...
WEBデザイン TABLEの下にスクロールバーが出て消えない問題
ブログ記事を自分の覚書・備忘録代わりに使っているわけですが。たまたま過去の記事を参照してみたら、テーブルのレイアウトが大幅に崩れているのを発見テーブル(表)が記事のカラムから大幅にはみ出してしまっていて、左端の部分しか見えていない状態。テー...
WEBデザイン 最もコントラストの強い配色一覧
前回は補色・反転色(反対色)の一覧表を作ってみたけれど・・・補色や反転色の組み合わせでは、色によってはかえって差が乏しく見えにくく（中にはまったく見えなく）なってしまうケースがあることが分かった。もっとも見やすい＝最もコントラストが高い、と...
WEBデザイン カラーネームがある色の反対色(反転色)・補色の一覧表作ってみた
前にグレー階調のざっくり色リストを作ったことがありましたが⇒こちらhtml(css)で色を指定する時、「#ff0000」のような16進数表記をしますが、幾つかの色には名前がついておりまして。16進数の代わりに名前で指定する事ができますね。例...
WEBデザイン SVGの画像をそのまま使う
フリーソフトのInkScapeを使うと、SVGと言う形式で保存することになる。InkScapeというのは、AdobeのIllusratorのフリー版みたいなソフトですねSVGとはScalable Vector Graphicsの略だそうで。...
WEBデザイン 画像の下に隙間ができる問題
画像の下に、少し隙間ができていることに気付いた。例というか、前から気になってはいたのだけど、忙しさにかまけてスルーしていただけなのですけどね。やっと、検索してみたら、原因はどうやらimg タグの vertical-align の初期値(デフ...
WEBデザイン 【覚書】単語の途中で折り返すには 改行の制御(white-space)と単語の折り返し制御(word-break／word-wrap)まとめ
いつも迷うので改行と単語の折り返しの仕方、覚書。。。white-space は、ソース中のスペース・タブ・改行の扱いをどう表示するかを指定するもの指定できるステイタスと効果は以下指定値半角スペース改行の扱い(改行するか)はみ出す場合(自動折...
WEBデザイン 【覚書】短縮URLのリンク先URL確認
こちらのサイトはズバッとシンプルにリンク先URLを表示してくれます、これは便利短縮URL展開君リンク先が怪しかったら、サイトの安全性確認サイトでチェックGREDURL Void
WEBデザイン これまでやったSimplicity2のカスタマイズとコツについてまとめ
スタイルシートが効かない場合の解決方法全体の幅・メインカラムの幅を広げる／狭める記事のタイトル下カテゴリの隣にタグを表示トップページの記事リスト(エントリーカード)内にもタグを表示サイトタイトル部を横幅一杯に広げるにはコンテナの幅を超えて画...
WEBデザイン 【WordPress】画像挿入時に自動挿入されるクラス名ほかを入れないようにする
Wordpressのエディタの「メディアを追加」ボタンから画像を挿入すると、自動的にクラス名等がくっついてくる。<img src="画像のURL" alt="" width="1024" height="576" class="alignn...
WEBデザイン ヤフオクが表示できない【セキュアDNS 】
中古でしか手に入らないもので、欲しいものがあったので、久々にヤフオクで検索しようとしたら・・・表示されない。COMODO Secure DNSのブロック画面そう、以前書いたように、DNSをCOMODOに設定してたのだった。Yahoo Jap...