misc

Adobe Fonts 和文フォントファミリー107個

TypekitがAdobe Fontsとなり、アクティベートできるフォントの数および Web フォントの月間ページビュー数に制限がなくなりました。
非常にありがたい、アップデート。

マシンごとのライセンスではなく、サブスクリプションに対してのライセンスのため、例えば、仕事場のデスクトップのマシンと外出用のノートパソコンでそれぞれAdobe Fontsを使うというようなことも可能です。

うちのように、他のデザイナーさんへ依頼するような場合、文字、文章の修正などがときどき発生します。

そんな時、このAdobe Fontsで制作されたデザインデータであれば、デザイナーさんへ差し戻すことなく、自分の所で修正ができます。

そんなAdobe Fontsにどのようなフォントがあるか、107個のフォントファミリーをフォントメーカー別に整理してみました。

続きを読む

macOSをMojaveにアップデートしたらDockに使い終わったアプリのアイコンが残ってしまう件の対応

macOSをMojaveのアップデートの通知が毎日出るようになったので、あまり細かく気にせず、アップデートしたところ、気になる現象が。

アプリケーションを使った後、Dockの右の方にアイコンが残るように。

Dockにアイコンが残っている
※Excelを使った後、ExcelのアイコンがDockのゴミ箱の横に残るようになりました。

1つならまあいいかなと思っていたところ、2つ、3つと増えていって、これは、ちょっと邪魔かなと思うように。

というわけで、このDockのショートカットアイコンが残らないようにする設定方法調べてみました。
続きを読む

Bootstrap4のハンバーガーメニューの色を変える方法

簡単にレスポンシブなWebページを制作できるフレームワークBootstrap4ですが、まだまだ情報が十分でないため、海外のサイトなどを参考に、今回カスタマイズしてみました。

スマホ、タブレット表示時のハンバーガーメニューの色の変更方法についてです。

ハンバーガーメニューのclassのCSSを触り、枠線、背景、3本線の色を変更してみました。

ハンバーガーメニューの枠線、を変更する

class .navbar-toggler を設定します。

.navbar-toggler{
  border-color: #ffffff;
}

ハンバーガーメニューの背景色を変更する

枠線と同様にclass .navbar-toggler を設定します。

.navbar-toggler{
  background-color: #000000;
}

ハンバーガーメニューの三本線を変更する

枠の中の三本線のイメージは、SVG background-imageで描画しているので、ここを変更。
rgba形式で設定。

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

iPhone6(iOS8)でSafariのキャッシュを削除する方法

履歴とWebサイトデータを消去 をタップ

当サイトの急上昇キーワードが「iPhone キャッシュ削除」「iOS8 キャッシュ削除」でして、ただ、検索でヒットするページが、古いページ

【覚書】iPhone(iOS)でSafariのキャッシュを削除する方法

のため、少し内容が古くなってしまっています。そのため、iOS8の場合の削除方法をあらためて書きます。

お役に立てると幸いです。
続きを読む

iOS8で写真を回転するには?

トリミングアイコンをタップしてから回転アイコンをタップ

iPhone6 128GB、ゴールド、購入しました。
iPhone6 Plusとどちらにしようかと、当然悩んだのですが、ショップで実機を試してみて、自分の指の長さと適応能力を考慮した結果、Plusは断念しました。

iPhone6でもiPhone5よりはサイズが大きく、片手操作でときどき失敗してしまうこともあるので、自分にとっては正解でした。

続きを読む