WEBデザイン 【覚書】リスト(<ol> <ul>)のマーカーを変更するには
すぐ忘れてしまうので覚書 <ul>や<ol>などのリスト形式で、列挙されるデータのマークの種類を変更するには <li>にスタイルで list-style-type を指定する。 ソース <style><!-- .ltsq { list-st...
WEBデザイン
WEBデザイン 
WEBデザイン Google Fonts の日本語フォント使用版の使い方
GoogleのWEBフォントで、試用版？（早期アクセス）の日本語フォントを利用することができます。現在｢M+1p｣｢Rounded M+1c｣｢はんなり明朝｣｢こころ明朝｣｢さわらび明朝｣｢さわらびゴシック｣｢ニコモジ｣｢ニクキュウ｣｢No...
WEBデザイン WEBフォント（Google Fonts）の使い方
WEBフォントのメリット どのような環境でも同じ見た目を保持できる 太さが細かく設定できるものが多い 特殊なデザインの文字がある デメリット ページを表示する際にフォントをダウンロードしなければならないため、若干だが重くなる 日本語フォント...
WEBデザイン YOUTUBEの動画を埋め込む時、途中から開始させる方法
YOUTUBEの動画をブログに埋め込む時に、途中から開始させる方法アドレスを直に貼る場合はの赤字の部分のように秒数を付け加えればOK※下記でもいけました（何分何秒で指定する）埋め込みコードの場合は… 埋め込みの場合は、YOUTUBEで生成・...
WEBデザイン 【覚書】HTMLタグで画像を反転／回転させる方法
HTMLタグで画像を反転／回転させるには、 ［transform］ で左右反転できるみたいですね。 例えば… いつぞやの記事に使ったアッテネータの概略図 普通に書くとこうですが <img src="画像のアドレス"> こうすると <img ...
WEBデザイン 【覚書】HTML 特殊文字 一覧【文字参照】
"
&
<
>
半角スペース
¥
√
♠
♣
♥
♦
[
\
]
スペース（空白）各種
半角スペース
少し広めの半角空白
広めの空白（全角スペース）
狭い空白
タブ
WEBデザイン 【覚書】カーソルをページを開いた時に任意のフォームに持って行く【JavaScript】
フォームを使ってHPに検索窓を設置したりできますが、こんな感じで書くと…こうなる。どうせなら、ページを開いた瞬間に、カーソルが検索窓のところに来てくれると、即座に入力に入れて便利。やり方は…
WEBデザイン ［覚書］ブログにYOUTUBE動画を貼り付けるときに目一杯大きく表示する方法(RESPONSIVELY対応にする方法)
ブログにYOUTUBE動画を貼り付ける時「目一杯大きく表示したい」かつ、「モバイル端末で表示した時にも画面からはみ出さないようレスポンシブにしたい」それを解決するには… にアクセスして動画のURLを貼り付けると、コードを生成してくれるので、...
WEBデザイン Lorem ipsum ロレム・イプサム（ダミーテキスト）
Lorem ipsum ロレム・イプサムとは？ ⇒出版、ウェブデザイン、グラフィックデザインなどの諸分野において使用されている典型的なダミーテキスト WEBでザインで、レイアウトを決める時に内容の変わりに入れておく文章ですね。 Lorem ...
WEBデザイン 覚書 Googleの動画検索の結果を貼る方法
覚書メモGoogleの動画検索結果を貼る方法 ⇒ ●●●●&tbm=vid※●●●●の部分を検索キーワードに替える
WEBデザイン 覚書 Googleの画像検索の結果を貼る方法
すぐに忘れてしまうので、覚書メモGoogleの画像検索結果を貼る方法 ⇒ ●●●●&tbm=isch※●●●●の部分を検索キーワードに替える