フォント

メモ:Adobe Fontsをアクティベートしてもフォントがダウンロードされない時の対処法

Adobe Creative Clouds内に付随しているフォントサービス「Adobe Fonts」でフォントをアクティベートしたのに、フォントが自身のPCにダウンロードされないケースに遭遇。 なんとか解決できたので、対処方法をメモ.....
フォント

メモ:GoogleフォントはMacのローカル内でも使える

Webフォントのサービス「Googleフォント」は、サイト内で表示されている多くのフォントを自身のWebサイトで無料で簡単に使用できる、とても便利なサービスだ。 これを使っていてふと浮かんだのが、「Webサイトでは簡単に使えるけど、.....
Illustrator

Illustrator:クリッピングマスク付きのアセットの書き出し機能のバグ、CC2019で直っていた

HTMLのコーディングのため、Illustrator(以下「イラレ」)にてデザインされた.aiファイルから、各種画像をWeb向けにJPGやPNGで書き出すことがある。 元の画像 ただ、前からの悩みとして、イラレからアセ.....
未分類

最近のOmnigraffleの日本語記事(2019年4月収集)

仕事の中で、Omnigraffle(オムニグラフ)という名前のアプリケーションを好んで使っている。表、チャート図、マインドマップなどを作ることが出来るソフトだ。Macで利用することが出来る(残念ながらWindows版はない)。 特に.....
未分類

メモ:超簡単だった。MacからLAN上の別のMacを操作する方法

同一のネットワークにつながっている別のMacを操作する方法、ちょっとググってみたら想像以上に簡単だったので、メモ。今までTeamViewerを使っていたけど、LAN内に関して言えば、TeamViewer要らんかったんや・・・。 参考.....
JavaScript

メモ:Animate.cssの利用方法+スクロールに応じてアニメーションさせる方法

2019年3月現在、スクロールに応じて要素をフェードインやスライドインさせるWebサイトはとても多く見られる。 こういったアニメーションを実装するのに、Animate.cssはとても便利(フェードイン、スライドイン、バウンド等、色々.....
未分類

メモ:階層問わず使用出来る共通ヘッダー&フッターをPHPで作る

WordPressなどのCMSを使わない静的サイトを作る時、各ページのヘッダーやフッターのHTMLをどう管理するかは、けっこう悩みのタネ。 適切な設計を考えておかないと、それぞれのHTMLファイルにヘッダーとフッターのソースコード.....
JavaScript

メモ:Webページにローディングを実装する

例えばランディングページなど、画像をふんだんに使用したWebページを作る時、ページがなかなか読み込まれなくてストレスを感じさせてしまうシチュエーションって、少なからず存在する。 このストレスを少しでも軽減させるために、最近はローディングの.....
CSS

メモ:メディアクエリで「768px未満」と「768px以上」を分ける書き方

レスポンシブWebデザインのコーディングを行う時、HTMLのメディアクエリにて、下記のような設定をしていた。ところが、これだと特定の状況でPC向け/SP向けのどちらのCSSも読み込まれない状況がある事がわかったので、メモ。 例:スマ.....
JavaScript

メモ:fancyboxを自動で開く&Cookieを使って1回きりだけ動作させる

fancyboxの読み込みと実装に関しては割愛。Cookieについては、お手軽にCookie機能を導入できる「jquery.cookie.js」を使用。 JavaScriptの読み込みは、CDNから。 <script s.....
フォント

MacのFont Bookで欧文フォントの表示が文字化けした時の対策

Font Bookで開いた時に、こんなふうに見えてしまったら・・・ 「表示」メニューから「サンプル」を選択すると・・・・ こんなふうに表示は正常に!どうやら、欧文フォントでは例文が正常に表示されないみた.....
未分類

Macで開けないtiffに遭遇した時の対応策

画像ファイルの形式の1つ「TIFF」の中には、Macの「プレビュー」では開けないものがある事がわかった。