HTML/CSS

HTML, CSS 及びその他全般(他のカテゴリー以外)のメモ

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続(カスペルスキー インターネット セキュリティ 2019)

2019年8月7日

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。  目次 Windows 側の確認 リモートデスクトップ接続するには、Window…

続きを読む

Dreamweaver CC 2019 に Emmet をインストール

2019年8月5日

Dreamweaver CC 2019 には Emmet が既に入っていますが、拡張機能として追加する方法の覚書です(以下は Mac版 についてです)。 Dreamweaver 標準で搭載されている Emmet では Wrap with abbreviation などの一部機能が使えないために別途インストールしました。 Adobe の Extension M…

続きを読む

Bootstrap 4 のパンくずリストで Font Awesome を使う

2018年11月30日

Bootstrap 4 のパンくずリスト(Breadcrumb)のセパレータを変更するには、Sass 変数 $breadcrumb-divider の値を変更します。(関連ページ:Bootstrap4 の使い方) 以下はデフォルトの「/」から「>」に変更する場合の例です。(Changing the separator) $breadcrumb-divi…

続きを読む

Google Maps JavaScript API バージョン指定方法が変わりました

2018年8月9日

※ 2018年8月7日 バージョンの指定方法が変更になりました。 今までは、「The experimental version(最新版)」「The release version(安定版)」「The frozen version(更新がされない旧版)」のような呼び方で、それぞれ「v=3.exp」「v=3」「v=n.nn」のような指定方法でしたが、以下のように…

続きを読む

Adobe Creative Cloud をインストールしようとしたら、「このプログラムはネットワークドライブからインストールできません エラーコード:71」

2018年5月6日

Mac でパラレルズ(Parallels)を使って Windows10 を使用している環境で、Adobe Creative Cloud をインストールしようとしたら「このプログラムはネットワークドライブからインストールできません エラーコード:71」とエラーが表示されてしまいました。 インストールファイルをデスクトップにコピーして実行しても同じエラーが表示さ…

続きを読む

Compass のベンダープレフィックス

2016年5月22日

目次 久しぶりに Compass を 1.0.3 (Polaris) にアップデートしたら、コンパイル時に以下のような警告がコマンドプロンプトに表示されるようになりました。 C:\xampp\htdocs\compass>compass w >>> Compass is watching for changes. Press Ctrl…

続きを読む

Google Fonts の使い方・利用方法

2015年5月31日

Google Fonts(GoogleFonts)の基本的な使い方・利用方法に関するメモ。 内容が古くなっていたので書き換えました。(2017年9月3日) 「Google Fonts の使い方や利用方法」もご覧ください(こちらの方が少し新しいです)。 目次 Google Fonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で…

続きを読む

MailChimp 無料で使えるメール配信サービスの使い方

2015年5月8日

アメリカのメールマガジン(ニュースレター)配信サービス、MailChimp の登録方法と基本的な使い方について。 MailChimp には無料利用枠があり、メールアドレス登録数が 2,000件未満で、月間の送信回数が 12,000件までなら無料で利用可能です。 メール編集にはいくつかのテンプレートがあり、予めデザインされたものやドラッグ&ドロップで簡単に編集…

続きを読む

HTML ソースのエスケープ処理

2015年4月19日

HTML ソースをページに表示させる際、そのままソースを記述してしまうと、HTML 要素として解釈されてしまうので、「< 」や「 >」 は変換(エスケープ)しておく必要があるが、いちいち変換するのは面倒なので一括して変換する方法のメモ。 目次 概要 テキストエリアに入力した HTML ソースをボタンをクリックすると、エスケープ処理(変換)した文字…

続きを読む

google-code-prettify を使ってシンタックスハイライト

2015年3月29日

google-code-prettify を使ってシンタックスハイライトする方法のメモ。 google-code-prettify の最も簡単な方法はオートローダーを使う方法で、以下をヘッダー部分に記述して、表示する部分を pre 要素で囲み、pre 要素に「prettyprint」というクラスを指定するだけ。 但し、オートローダを使う方法だとカスタマイズが…

続きを読む