sorami
-
有名企業サイトで使われているCSS font-family一覧
bodyまたはhtmlに指定されているフォントファミリーを調べました。環境はmacOS Catalina、ブラウザはGoogle Chrome（バージョン: 1…
-
サイトで実際に表示されているフォント（レンダリングされたフォント）を調べる方法
ウェブサイトでフォントを指定するのは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と同じよう…
-
サーバー移行したらメールはどうなる？失敗しないメール移行方法
レンタルサーバーを移行をしたらメールが使えなくなってしまった・・・サーバー移行をしたら過去のメールが見れなくなった、メールが消えた・・・というトラブルを防ぐため…
-
【2025年最新】格安で取得できるSSLサーバー証明書のまとめ
今やウェブサイトのSSL化は当たり前の時代。無料SSL対応のレンタルサーバーも多くなりました。 でも昔から契約しているレンタルサーバーなどは古い仕様のままで、無…
-
ConoHa WINGへWordPressを移行する手順【SSLダウンタイムなし】
SSL化したWordPressをダウンタイムなし（サイトが表示されない期間なし）でConoHa WING（コノハウィング）へ移行する手順をまとめています。 Co…
-
WebARENA SuiteXに格安SSL証明書を設定してSSL化する方法
NTTPCコミュニケーションズが提供する共用レンタルサーバーWebARENA SuiteX。 SuiteXシリーズには、無料SSL証明書がついていません。 Su…
-
WP ブロックエディタのカラーパレットで色を追加・置換カスタマイズ
WordPress Gutenbergで、文字や背景のカラーを変更するのにカラーパレットが用意されています。 あらかじめデフォルトで数種類のカラーが定義されてい…
-
Affingerのボタンスタイルまとめ・アフィリエイトタグでも使えるボタン
ウェブサイトにおける「ボタン」（リンクボタン）は閲覧しているユーザーにとって商品の購入やお問い合わせなどの目的達成につながるリンクであると認識できます。 ユーザ…
-
Affinger 見出しタイトルやボックスを目立たせるふきだしスタイル
には見出しやCTAボタンの上にふきだしをつけることができます。 ふきだしは周りのコンテンツとの視覚的な対比によって目立ちやすく、重要な情報を伝えやすくなります。…
-
FuturaをWindows,Webサイトで使う方法
有名ブランド・メーカーロゴにも採用されている人気フォント「Futura」（フーツラ）。 フォントウェイトの種類が多く、大文字・小文字でもそれぞれ魅力があって私も…
-
Affinger レスポンシブ対応のテーブルレイアウト
WordPressテーマでテーブルレイアウトを使うときのためにデザインやショートコードについてまとめます。 レスポンシブテーブルデザインについては以下の記事でも…
-
Affinger タイムライン・ステップの確認
WordPressテーマのデザインには、レシピや物事の流れを時系列で説明するときに活用できる「タイムライン」と「ステップ」があります。 タイムラインは左に●とラ…
-
たのまな 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…