WEBデザイン Floatで作ったレイアウトが崩れるのを防ぐには？ 【簡単な事だった】
table.tbl1 td{padding:0;vertical-align:top;} .code1{margin:0 2em;padding:1em;border:solid 1px gray;background:black;colo...
"スタイルシート"
WEBデザイン WEBデザイン 【レスポンシブデザイン】スマホ対応サイトの作り方【簡単】
HPをスマホ対応デザインに改造する相談を受けたので、やってみた スマホ対応にする方法は大まかに分けて二種類 #main table#tbl1{margin:0;padding:0;} #main table#tbl1 td{margin:0...
PC／ネット Firefox addon ファイアーフォックス よく使うアドオン （再設定用覚書）
Classic Theme Restorer タブやナビゲーションバーを古いスタイルに戻す（サイズが少し小さめになる） FireGestures マウスジェスチャー機能 Google Image Search 画像を右クリックでGoogle...
WEBデザイン WEBフォントで手書き風フォントを使ってみる
手書き風フォントで｢ふい字｣というものがあります。 ｢ふい字置き場｣ ふい字置き場。 フリーの手書きかなフォント｢ふい字｣のサイト。２バイトで打ててシフトJIS第二水準漢字まで使えます。可愛くも綺麗でもないですが、しいて言えば普通っぽさが特...
WEBデザイン 背景色・画像・テキストを半透明に
すぐ忘れてしまうので覚書 画像・テキストを半透明にするには ⇒ スタイルシートで opacity を指定 style="opacity: 1;" style="opacity: 0.7;" style="opacity: 0.3;" （写真...
WEBデザイン 画像を加工せず、一部だけ切り取って表示する方法 で、スマホで表示すると位置がズレてしまう問題
CSS（スタイルシート）を使って画像をクロップして表示しても、スマートフォンで表示すると位置がおかしくなってしまう問題で悩んでいたけれど、解決したのでメモ。スマートフォン用のテンプレートには、大きい画像をスマホの画面内に収めて表示させるため...
WEBデザイン WEBフォント（Google Fonts）の使い方
WEBフォントのメリット どのような環境でも同じ見た目を保持できる 太さが細かく設定できるものが多い 特殊なデザインの文字がある デメリット ページを表示する際にフォントをダウンロードしなければならないため、若干だが重くなる 日本語フォント...