2020年4月18日 Webサイト制作, フォント, 便利ツール Webフォントとしておしゃれなフォントが使えるサービスで人気なのがGoogle Fontsですね。無料で手軽に使える便利サービスです。しかし、Webフォントを提供しているのはGoogleだけではありません。デザイナー御用達のAdobeも「Adobe Fonts」を提供しています。今回はこのAdobe Fontsの使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Adobe Fontsとは Adobe FontsはAdobeが提供するフォントライブラリサービスです。以前は「Adobe Typekit」というサービス名でした。15,000 を超えるフォントから必要なだけ選択可能！使用フォント数に制限なし！Adobe CC会員なら追加料金なし！フォントは商用利用もOKです！無料のAdobeアカウントでも約200種類の

普段皆さんが記事探しをする際、思わずクリックしてしまう画像ってどのようなものがありますか？ 「なんかおもしろそう！」 「うわ！おしゃれだ！」 「今の悩みを解決してくれそう！」 そんな風に感じさせてくれる画像とコピーライトを見つけたらすぐにクリックしたくなりますよね。 それは「アイキャッチ画像」の効果といえます。「アイキャッチ画像」とは「目を惹く画像」という意味です。 一番上に載っている↑画像のことですね。 Webサイトやブログでは「記事やページに誘導する」目的の他に、「アクセスアップ」を狙うためのアイキャッチ画像が設置されていることがほとんどです。 見栄えが良いからといった理由だけでなく、アクセスする前から記事内容が頭にスムーズに入ってくるような画像は思わずクリックしたくなりますよね。 YouTubeをイメージしてみてください。YouTubeを見ていると、右側に関連動画が出てくると思います

お世話になっております。 「理系男子の流儀」管理人の「やな」です。 引越しや海外出張で忙しく、1.5ヶ月ぶりの記事投稿となりました。 今回は無料サウンドエフェクト集の情報を展開いたします。 (Twitterで情報をご提供いただきました) 概要 提供：　SONNISS社 (https://sonniss.com/)内容：　高品質サウンドエフェクト・サンプリング音源容量：　25GB以上価格：　無料 (販売時価格 150万円以上)用途：　楽曲制作・動画の効果音権利：　ロイヤリティフリーで商用利用可能趣旨：　2019 Game Developers Conference (GDC 2019)記念期限：　未記載のため不明 ファイル試聴 以下から収録内容リストの確認と試聴ができます。 必要かどうか情報の取捨選択をお願いいたします。 収録トラックリスト (Google Drive) 無料ダウンロードリン

『けものフレンズ2』の最終話を視聴したので、全体感想を。 私の本作に対する視聴スタンスについては6話までの中間感想も参照頂きたい。 さて、あくまでも「私の感想」を記すつもりでいるし、そこに世間の評判は本来関係ないが、これだけ話題になった本作を語る上で、本作が控えめに言っても「とても嫌われている」ことを完全に無視して語るのも誠実でないように思われるので、まずは最初に本作のネガティブな面を整理して、その上で私の感想を書こうと思う。 簡単に書けばこうだ。 本作の評価が低い理由は非常によく理解できるし、納得もする。 それでも、私は前作の「暖かく優しい世界」よりも本作の「冷たく孤独な世界」が好みなのだ。 100人中99人が本作を評価しないとしても、また、本作の試みが到底成功したとは言えないとしても、私は本作の挑戦に一定の評価を与えたい。 以下、続きで。 中間感想の時と同様に、前作のファン及び本作を観

サイト高速化にあたり Google の PageSpeed Insights と睨めっこをしている際、「キー リクエストのプリロード」という項目が出現しました。 キー リクエストのプリロード <link rel="preload"> を使用して、現在ページ読み込みの後のほうでリクエストしているリソースを優先的に取得することをご検討ください。 ↓こんな感じのです この改善がサイト高速化に効く使える技術であることがわかったのですが、なかなか理解しにくかったので、今回は <link rel="preload"> についてわかりやすく説明していきます。 これまでスルーしてしまっていた方は、これを機会に覚え、使いこなせるようにしてみましょう。 preload＝プリロードと読むそうです。 その名の通り、プリ＝先行、ロード＝読み込み、で先行読み込みをブラウザに指示する機能になります。 link 要素なの

みなさん、こんにちわ！ ジャングルオーシャンのラファエロです！！ つい最近、Webデザイン初心者の友人からこんなことを言われました。 「CSSでレイアウトしたいんだけど、ネットで調べてみるとfloatとかFlexboxとか出てきて意味わかんない(T ^ T)」 確かにCSSでのレイアウト方法を検索してみるとfloatを使った方法とFlexboxを使った方法が混在していて、Webデザイン初心者には分かりづらいですよね(^^;) ラファエロは断然Flexboxを使った方法をおすすめしていますが、実際のところfloatとFlexboxのどっちが簡単なのかサンプルコードを用意したので比較みましょう！ <nav> <ul> <li><a href="＃">Top</a></li> <li><a href="about/">About</a></li> <li><a href="service/">S

最近ちょこちょこ相談されることがあって、直接のスキルではないけど、こういうのもスキルだよなぁって思ったので、思いついた順に書いてみる。5個になった。 ## 1. 問題を切り分ける力 「これがなぜか動かない」って相談されたときって、いくつかの要素が絡んでることが多い。 なので「ここは明らかに問題ないでしょう」という一番土台のところからチェックを始める。そうすると「え？そこは問題ないと思いますよ？」って言われるので「うん、それを『問題ないと思う』じゃなくて『問題ない』って断言できるようにしようと思って」みたいな会話をよくする。 可能性をひとつずつつぶしていくと「ここだなぁ」って場所が見つかって、そしたら、もうあとはそんなに難しくない。ひとつずつ確認していくのって遠回りに見えるけど、結局その方が確実ではやいと思う。 ## 2. 想像と事実を切り分ける力 ↑と絡んで、想像や思い込みなのに、「ここは