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展開君 リンク先が怪しかったら、サイトの安全性確認サイトでチェック GRED URL Void
WEBデザイン これまでやったSimplicity2のカスタマイズとコツについてまとめ
スタイルシートが効かない場合の解決方法 全体の幅・メインカラムの幅を広げる／狭める 記事のタイトル下カテゴリの隣にタグを表示 トップページの記事リスト(エントリーカード)内にもタグを表示 サイトタイトル部を横幅一杯に広げるには コンテナの幅...
WEBデザイン 【WordPress】画像挿入時に自動挿入されるクラス名ほかを入れないようにする
Wordpressのエディタの「メディアを追加」ボタンから画像を挿入すると、自動的にクラス名等がくっついてくる。<img src="画像のURL" alt="" width="1024" height="576" class="alignn...
WEBデザイン ヤフオクが表示できない【セキュアDNS 】
中古でしか手に入らないもので、欲しいものがあったので、久々にヤフオクで検索しようとしたら・・・表示されない。 COMODO Secure DNSのブロック画面 そう、以前書いたように、DNSをCOMODOに設定してたのだった。 Yahoo ...