Gmailで独自ドメインのメールをすぐに受信する方法をまとめてみた！
普段、メールクライアントとしてGmailを使用していますが、GmailではGmail以外のアドレス、たとえば会社の独自ドメインのメールなどは、すぐに受信トレイに届かないことがあります。 「すぐにメールを確認したいのに…」と思う場面もありますよね。そこで、独自ドメインのメールをすぐに受信する簡単な方法をご紹介します。 独自ドメインのメールの受信する設定方法 １．設定 → すべての設定を表示 まずGm […]
MEDIA
WordPressでソースコードを美しく表示・埋め込むプラグイン調べてみた！※自動でコードを書けるプラグインではない
WordPressでソースコードを美しく表示・埋め込むプラグイン6選 WordPressでは標準のコードブロックを使ってHTMLやCSSなどのソースコードを表示できます。ただし、キーワードの色分けや特定の行だけを目立たせるシンタックスハイライト機能は標準では備わっていません。ソースコードをより見やすく、読みやすく埋め込みたい場合は、専用プラグインの活用がおすすめです。 今回は実際に6つのプラグイン […]
Flexboxの使い方についてまとめてみた！
Flexbox（フレックスボックス）の使い方まとめ 一見便利そうで、実際には少しややこしい…そんなCSSの「Flexbox（フレックスボックス）」について、使い方をわかりやすく整理しました。 Flexboxの基本的な考え方 Flexboxは、要素を効率よく並べたいときに使えるCSSのレイアウト手法です。特に「横並び」にしたい場面でよく使われます。 使うときはまず、並べたい子要素（item）を一つの […]
ロード中の画面をアニメーション表示させるには？調べてみた！
ページ読み込み中の白い画面、気になりませんか？ ローディングアニメーションの導入でユーザーの不安を解消！ Webページを開いたとき、数秒間真っ白な画面が続くと「ちゃんと読み込まれているのかな？」と不安になることはありませんか？そんなときに役立つのがローディングアニメーション（ローダー）です。 ローダーを設置することで、ユーザーに「ページを読み込み中です」ということを明確に伝えることができます。また […]
スクロールした時に特定の要素だけ固定するには？方法についてまとめてみた！
【CSS入門】スクロール時に要素を固定するには？ positionプロパティの2つの指定方法を解説 Webサイトを閲覧していると、スクロールしてもヘッダーが常に画面の上部に表示されているサイトを見かけたことがあるのではないでしょうか。「自分のサイトにも取り入れてみたいけど、どうやって実装するのかわからない」「CSSだけでできるの？」そんな疑問をお持ちの方も多いと思います。 このような固定表示は、C […]
position: sticky; の使い方と 注意点についてまとめてみた！
はじめに パララックス・追従ヘッダー・固定サイドバーに便利！ かつてはInternet Explorer（IE）非対応のため、position: sticky; を使うにはポリフィルを入れるか、position: fixed; で代用するしかありませんでした。しかし、IEのサポートが終了した今、stickyは安心して使えるプロパティになっています。 この記事では、position: sticky; […]
【コピペでOK】サイトに動きをつけるCSSアニメーションまとめてみた
【コピペで使える】CSSアニメーション実装まとめ（サンプルコード付き） 近年では、Webサイトに動きを加えるアニメーションの活用が一般的になりつつあります。中でも重要な要素に動きをつけることで、ユーザーの関心を引いたり、ページを飽きずに読み進めてもらうための工夫として有効です。 そこで本記事では、表現しづらい「動きのニュアンス」に焦点を当て、シンプル・ポップ・スタイリッシュ・柔らかい印象など、イメ […]
画像が横スクロールし続ける無限ループの作り方についてまとめてみた！
【CSSアニメーション】 画像が無限に横スクロールするループの作り方 Web制作において「何ができるのか」を知ることはとても大切です。ホームページを作る側も、依頼する側も、表現の幅を知ることでより魅力的でオリジナリティのあるサイトづくりが可能になります。 今回は「画像を横に無限スクロールさせるアニメーション」の作り方をご紹介します。 ■ Step 01：画像を右から左へ無限ループさせる まずは、画 […]
Xserver メールソフト設定手順をまとめてみた！
メールソフトの設定方法について メールソフトへの設定を行う際は、以下の情報をご確認の上、手順に沿ってご対応ください。 ■ 設定前のご注意 メールソフトに設定を行う前に、必ずメールアカウントの追加を行ってください。独自ドメインをご利用の際も、以下の設定内容をご参照ください。 ■ メールアカウント設定情報 POP / IMAP サーバー名（ホスト名）設定完了通知メールに記載されている「メールサーバー名 […]
エックスサーバーのメール設定方法と使い方についてまとめてみた！
エックスサーバーのメール設定方法と活用ガイド この記事では、国内シェアNo.1のレンタルサーバー「エックスサーバー（Xserver）」が提供するメール機能について、設定方法と使い方を詳しくご紹介します。 エックスサーバーでは、独自ドメインのメールアドレスを簡単に作成できるため、初心者の方にも扱いやすいのが特長です。Mac・iPhone・Windowsなど、主要なデバイス別にメールソフトの設定手順を […]