WEB Tips
-
サイトで実際に表示されているフォント（レンダリングされたフォント）を調べる方法
ウェブサイトでフォントを指定するのはCSSのfont-familyプロパティです。font-familyプロパティには複数フォントを指定する場合が多いですが、実…
-
Photoshopでheic形式の画像を開くと落ちる時の対処法
HEIC（High Efficiency Image Format）は、画像を圧縮するためのファイルフォーマットです。 JPEGと比較して同じ画質の画像を半分以…
-
スライダーSwiperの使い方と動かない時に確認すること
Swiperはスライダーやカルーセルが簡単に実装できるJavaScriptライブラリです。jQuery不要で軽量・高機能なためWebサイトで広く使われていますね…
-
カルーセルスライダーslickの使い方、カスタマイズのまとめ
ちょっと古いですがカルーセルスライダーが簡単に実装できるSlickを久しぶりに触る機会がありました。 slickはレスポンシブ設定が可能でスワイプにも対応してい…
-
サイトで丸数字や★♥など特殊文字を文字化けしないで使う方法
FontAwesomeやGoogleマテリアルアイコンを使って、★や♥をアイコンとして表示することはできますが、わざわざアイコンフォントを使わなくても♥や♠を表…
-
Googleマテリアルシンボルのカスタマイズと表示されないときの対処法
アイコンフォントというとFontAwesomeが定番という感じがしますが、Google製のアイコンも使いやすくて最近は結構よく利用しています。 ここではGoog…
-
背景除去も簡単、無料で使えるAdobe Expressでできること
Adobe Expressはスキル不要でおしゃれなSNSサムネ、動画やチラシ、ロゴ作成などができる可能なブラウザ、モバイルで操作可能なデザインアプリです。 10…
-
Adobeクラウドストレージ 使い方と容量が増えない時の対処法
Adobe クラウドストレージはAdobe Creative Cloudのオンラインストレージです。 DropboxやBox、Google Driveと同じよう…
-
FuturaをWindows,Webサイトで使う方法
有名ブランド・メーカーロゴにも採用されている人気フォント「Futura」（フーツラ）。 フォントウェイトの種類が多く、大文字・小文字でもそれぞれ魅力があって私も…
-
たのまな Adobeは2年目も継続OK！AdobeCCをお得に使う方法
ヒューマンアカデミー通信講座（たのまな）のAdobe CCライセンス付き、Adobeベーシック講座について解説します。 この記事を読むとこのような疑問が解決しま…
-
Adobe CCアプリを使うときの必要/推奨スペックMac ,Windows
Adobe CCのアプリケーションを使うのに推奨スペックを知りたい、CCアプリをインストールしたけどめちゃくちゃ重い、遅いと感じている方に、各アプリケーションの…
-
Adobe CC無料プランでできることとコンプリートプランとの比較
Adobe Creative Cloudの無料プランではどんなことができるのか、有料のコンプリートプランとの違いについて比較しながら解説します。 一昔前、プロ御…
-
Adobe Fonts 反映されない、同期されないトラブルの対処法
IllustratorやPhotoshopでフォントを追加したいときにアクティベートができない、アクティベートしたのにフォント一覧に反映されない、フォントが同期…
-
商用利用,WebフォントOK 無料でも使えるAdobe Fontsの使い方
Adobe Fontsは、無料で登録するだけで利用でき、Webフォントも使えるサービスです。 普通、Adobeはプロ向けの高価なソフトというイメージがありますが…
-
NordVPNのアカウント登録申し込みとアプリ設定まで
公衆Wi-Fiを使ってネットや会社のサーバーにアクセスする時に安全にアクセスするため、を申し込みをしたので、アカウント購入からアプリの設定までを記載します。 N…
-
電話番号無しで作成できるおすすめフリーメール・捨てメアド
個人で使うメールアドレスやポイ活・メルマガ用に使いたい捨てメアドサービスなど、電話番号なしでも登録できる無料メールアドレスのサービスを紹介します。 個人の場合、…
-
プライバシー確保しながら安心ネット接続、NordVPNのメリット・デメリットを解説
こんな場合に活躍するのがVPN（Virtual Private Network・仮想専用線）です。 ここでは数あるVPNサービスの中でも、ネームバリューがあり安…
-
フォームの年齢・生年月日セレクトボックスを動的に作るJavaScript,PHP
問い合わせや資料請求フォームで、生年月日や年齢はよくある入力項目です。 でもこれをHTMLで一つ一つ作るのって面倒ですよね。ここではJavaScriptとPHP…
-
電話番号,SMSリンクの設定とPCで無効にする方法
iPhone,Androidなどスマホで電話番号をタップした時に電話がかけられるようする設定とSMSを送る設定と、PCではリンクは無効にする方法のまとめです。 …
-
CSSでできるローディングアニメーションと作り方
ページの読み込み中を表すLoadingのアニメーション。 シンプルなCSSだけで表現できるので簡単に設置できるものいいところです。 CSSでできるローディングア…
-
外出先、スマホで会社のメールを確認する3つの方法
ビジネスや社内のやりとりでEメールは重要な手段のひとつです。昨今テレワークが当たり前になって、会社以外でメールを確認しなければならないということも多いと思います…
-
PCの故障や買い替えでAdobe CCのライセンスを3台目PCに移行するには
パソコンが突然故障してしまったり、今使っているPCとは別のPCでAdobeのアプリケーションを利用したくなった時に、ライセンス認証を解除して、新しいPCにライセ…
-
Adobe CCコンプリートプランを途中解約する時に解約手数料がかからない方法
Adobe CCコンプリートプランの年間契約で月々払いを途中で解約すると、残りの期間にもよりますがかなり高い解約手数料が発生します！ この解約手数料を無料できる…
-
Adobe CCコンプリートプランでできること、契約期間・解約費用発生に注意
クリエイティブ系の仕事に欠かせないAdobeアプリケーションが全て利用できるのがAdobe Creative Cloud コンプリートプランです。 日々の制作作…
-
ブラウザのキャッシュを削除する方法まとめ[Chrome,Safari,Edge]
クライアントワークでウェブサイトの修正をした後、取引先に確認をお願いするとき。 「修正したのでご確認ください」とお願いすると、「直ってないんだけど」って言われて…
-
Macで5KPlayerがアンインストールできない時の対処法
5KPlayerというメディアプレイヤーを一時使っていたのですが、久しぶりに開いて見たらポップアップで広告が表示されて鬱陶しいのでアンインストールしたいと思った…
-
Windows複数PCでマウスとキーボードを共有できる無料ソフトMouse without Borders
先日、友人から使わなくなったWindowsPCを譲り受け設置をしたのですが、キーボードとマウスを二つずつ置くにはスペースが足りない・・・ どうにかキーボードとマ…
-
Chromedriverのインストール覚え書き
PythonでWebブラウザを自動操作するときに必須のChromedriverをインストールするときの覚え書き https://pypi.org/project…
-
Bitwardenでユーザー名・パスワード以外も自動入力する方法
最近、Lastpassのプレミアムユーザーの期限が切れるタイミングでBitwardenに切り替えてみました。 https://bitwarden.com/ Bi…
-
Googleスプレッドシートで行を上下逆にする（降順に並び替える）方法
Googleスプレッドシートで作ったデータで、頭からデータを入力していて最新の情報が一番下の行になっている状態を、最新のデータが一番上に来るように並び替えたい時…
