Macの使い方講座：ホームページ更新、Macの入力ソース

ホームページ更新

ホームページにあるInstagramのアイコンのサイズと色を変更しました。

ホームページのInstagramへのリンクアイコンの大きさと色を変更しました。

Instagramのアイコンは、Instagramのオフィシャルページ
https://en.instagram-brand.com/assets/icons
からダウンロードします。

ICONSの「Glyph Icon」から
Media Typeを「Online」を選択う
「have read and accept the guidelines for use.」をチェック
「Download」ボタンでダウンロードするのですが、今回ダウンロードが始まりませんでした。

以前、ダウンロードをしたデータを使って作業しました。

Illustratorでアイコンのサイズと色を調整しました。

ホームページで使うように、アートボードサイズをアイコンと同じサイズにします。
アイコンを選択した状態で、
オブジェクト > アートボード > 選択オブジェクトに合わせる
で、アートボードサイズを変更します。

ホームページように書き出すには様々な方法で書き出すことができますが、今回は、
ファイル > 書き出し > Web用に保存（従来）
を、使い、pngで書き出しました。

Braketsでindex.htmlを編集しました。

Instagramのアイコンを新しく書き出したものを指定しました。

編集したサーバへファイルをアップロードしました。

サイドバーにあったtwitterへのリンクを削除しました。

英字モードで「option + /」で「÷」が入力できるはずですが、「/」が入力され「÷」が入力できませんでした。

システム環境設定 > キーボード > 入力ソース
で、画面左側「日本語」を選択、画面右側の入力モード「英字」のチェックを入れた状態の「英字モード」では、「option + /」で「/」となり「÷」にならない

システム環境設定 > キーボード > 入力ソース
で、画面左側の「＋」で入力ソースを追加、画面左側「英語」、画面右側「ABC」で追加した「英字モード」では、「option + /」で「÷」になる

SAInoLESSON（サイのレッスン） Macの使い方講座、詳しい情報はこちら。